背景图像的Chrome浏览器

不显示我已经创建了一个小的搜索窗口小部件，但是通过使用Chrome浏览时，它的背景不会出现。我已经测试过IE，FF和safari，它们都显示OK。背景图像的Chrome浏览器

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

我通常不愿意把布局问题上左右。不过，我已经过了一段时间了。

在元素：

<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

来源

2013-03-21 Lee Davis

我看到它罚款，同一版本的Chrome，窗机。 – Rchristiani 2013-03-21 14:51:23

我可以看到背景很好。我也在铬25.0.1364.172米。据我所知，你的代码很好。 – madaaah 2013-03-21 14:52:08

这是一个非常有趣的问题，在Chrome的隐身模式打开你的网页的时候，我只是想通了：你的背景图像被封锁的AdBlock。

另外，出于渲染的目的，最好在页面的head中粘贴style元素。

来源

2013-03-21 14:54:20

啊拍！是的，我有广告拦截，但时间不长。谢谢。 – 2013-03-21 14:55:22

我会更关注为什么它被检测为广告。否则，您网站上的图片加载正常，因此您可能需要将其移至其他文件夹中。 :-) – 2013-03-21 14:56:25

是的，它与正在使用的ID名的人。 300x250是标准的广告单元尺寸，我会尽量不要使用它。谢谢。 – 2013-03-21 15:02:25

我使用Chrome测试25.0.1364.172m你的代码，都显示OK。

一下：http://jsfiddle.net/rcHMc/

HTML

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

CSS

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

来源

2013-03-21 14:57:05

背景图像的Chrome浏览器

回答

相关问题