2013-03-21 24 views
6

小さな検索ウィジェットを作成しましたが、クロムを使って表示すると背景が表示されません。私はIE、FF、サファリをテストしましたが、どちらもOKです。クロムブラウザに背景画像が表示されない

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

は、私は通常SO上でレイアウトの問題を置くには消極的です。しかし、私はしばらくの間これを行ってきました。要素で

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

私は背景がちょうど見えない

.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定義を適用しています。これが本当にばかげたマークアップ/ CSS見落としであれば、私は心から謝ります。あなたの背景画像はAdBlockをによってブロックされている。現在、Chromeブラウザのバージョン25.0.1364.172m

+0

を。 – Rchristiani

+0

私は背景がうまく見ることができます。私もクロム25.0.1364.172 mです。そして、私の言う限りでは、コードは問題ありません。 – madaaah

答えて

13

を使用して

これはChromeのシークレットモードでページを開いたとき、私は唯一の考え出したかなり面白い問題です。

また、レンダリングの目的で、にstyle要素を貼り付けることをお勧めします。

+0

ああ撮影!はい、私は広告ブロックがありますが、はるかに長いです。ありがとう。 –

+0

私はそれが広告として検出されている理由をより心配しています。あなたのウェブサイト上の画像は別のフォルダに読み込まれますので、別のフォルダに移動してください。 :-) –

+0

はい、それは使用されているID名と関係があります。 300x250は標準的な広告ユニットのディメンションです。使用しないことをお勧めします。ありがとう。 –

0

chrome 25.0.1364.172mを使用してコードをテストしましたが、すべてOKと表示されます。

それを確認してください:私はそれクローム、Windowsマシンの罰金、同じバージョンを確認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; 
} 
関連する問題