2013-06-18 4 views
0

Ну, я сегодня ломаю голову и не добился никакого прогресса. Я пытаюсь сделать простое изменение положения фона, которое я делал 100 раз, но он просто не работает для меня сегодня. Вот мой соответствующий код:IE Quirks Mode и CSS: hover Проблема

<div class="social_icon" style="background-image: url(http://img.deusm.com/lightreading/facebook_icon.gif);"> 
    <img src="http://img.deusm.com/images/spacer.gif" width="16" height="16" style="border: none; padding: 0; margin: 0;"> 
</div> 

И мой CSS

div.social_icon { 
float: left; 
width: 16px; 
height: 16px; 
padding: 0; 
background-position: top left; 
} 
div.social_icon:hover { 
background-position: bottom left; 
} 

У меня есть доктайп набор, а также.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

Любое объяснение было бы весьма признателен, так что я могу получить лучшее понимание того, что происходит ... э .... не происходит.

Позвольте мне прояснить мой вопрос:

Я ожидал div.social_icon иметь это фон позиция шаг, когда пользователь наводит курсор на элемент. В это время фоновая позиция не изменяется при наведении курсора в режиме Quirks. Как я могу это исправить?

+2

IE5.5 причуда режим достаточно просто не поддерживает ': hover' ничего, кроме' 'элементов. Вы ничего не можете сделать, кроме как освободить из режима quirks, используя правильный doctype. – BoltClock

+0

Я тестирую режим IE7 & 8 Quirks. Разве это сильно отличается от 5.5? – Yuschick

+3

Совсем нет, они оба действуют как IE5.5 в режиме причуд. – BoltClock

ответ

0

Put это в верхней части вашего кода он должен разобраться, но убедитесь, что вы удалите текущий Doctype

<!DOCTYPE html> 

Тогда после того, как он должен работать