一尘不染

Chrome浏览器中未显示背景图片

css

我创建了一个小的搜索小部件,但是通过chrome浏览时,背景不会出现。我已经测试了IE,FF和safari,它们看起来都不错。

http://paradigmsearch.co.uk/widget/?id=1

我通常不愿意将布局问题放在SO上。但是,我已经讨论了一段时间。

在元素上:

<div class="widget" id="id_300x250">

我正在应用以下CSS定义

.widget {
  font-family: arial;
  height: 250px;
  width: 300px;
  border: none;
  background: url('/uploads/widget_background/cached/proportional/300x250/1_512648b566578.png') no-repeat center center;
}

背景只是不可见。如果这确实是一个愚蠢的标记/ CSS监督,那么我深表歉意。

当前使用的Chrome浏览器版本25.0.1364.172m


阅读 951

收藏
2020-05-16

共1个答案

一尘不染

这是一个非常有趣的问题,我只有在以Chrome的隐身模式打开页面时才发现:您的背景图片被AdBlock阻止了。

另外,出于呈现目的,最好将style元素粘贴在页面的中head

2020-05-16