Фоновое изображение не отображается в браузере 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.172 m

6
css google-chrome html html5

2 ответов

Это довольно забавная проблема, которую я понял только при открытии Вашей страницы в режиме инкогнито Chrome: ваше фоновое изображение блокируется AdBlock.

кроме того, для целей рендеринга лучше придерживаться style элементы на Вашей странице head.

14

я протестировал ваш код с помощью chrome 25.0.1364.172 m, все выглядит нормально.

Проверьте это: 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;
}
0