CSS фоновое изображение исчезает после наведения

Question

У меня проблема в Google Chrome. Я использую простое состояние наведения на ссылку display:block;, чтобы изменить только свойство background:url(); на наведение.

Google Chrome показывает фактическое изменение при наведении курсора, но при наведении указателя мыши область становится прозрачной / исчезает.

Вот мой CSS:

#branding #logo a {
width: 259px;
height: 201px;
border:none;
display: block;
background:url(images/logo.png) top left;
}
#branding #logo a:hover {
background:url(images/logo_hover.png) top left;
}

Фактический сайт здесь: http://beerblestudy.org. Опять же, это происходит только для меня в Chrome. Есть мысли?

Answer 1

Ваш фон также исчезает в Chrome.

Я знаю, что я не должен здесь "я тоже", но это странно, и то, что привело меня сюда, было той же проблемой, с которой я столкнулся на сайте, который я недавно построил: http://macvillain.com - правая рука столбец изображения блоков.

Я тщательно протестировал большинство браузеров (не ie6 или 7 - я их прогнал), и в течение последних двух недель до сегодняшнего дня он работал нормально. Иногда очистка кэша и т. Д. Работает некоторое время, а потом возвращается. Я не понимаю ...

UPDATE:

Привет! Я получил ответ на форуме Google Chrome, в котором говорилось: "Chrome использует строго HTML5. Проверьте код HTML http://validator.w3.org/"

Я забыл это сделать, и было несколько недействительных вещей, которые я исправил, и теперь все в порядке и отлично.

Я предлагаю вам сделать то же самое.

Answer 2

Попробуйте эту технику: я увидел плагин JQuery, который автоматически загружает изображения, указанные в таблицах стилей CSS.

http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/

Answer 3

Это работает для меня во всех браузерах.Попробуйте удалить кеш, потому что он работает нормально.Я рекомендую вам удалить строки top left, так как они не нужны