背景圖像的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瀏覽器

回答

相關問題