8

小さな検索ウィジェットを作成しましたが、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を使用しています

4

2 に答える 2

19

これはかなり面白い問題で、Chrome のシークレット モードでページを開いたときに初めてわかりました: 背景画像が AdBlock によってブロックされています。

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

于 2013-03-21T14:54:20.687 に答える
0

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

チェックしてください：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-21T14:57:05.970 に答える