Решение трабла с div:hover в ИЕ

Статус
В этой теме нельзя размещать новые ответы.

Raenor

Ксенолог №1
Регистрация
28 Дек 2006
Сообщения
156
Реакции
105
Для тех кто столкнется с тем что в ИЕ не работает div:hover в css может будет полезно.
Решается яваскриптом типа:

<div id="d1" onMouseOver="style.backgroundColor='red'" onMouseOut="style.backgroundColor='blue'">

главное не забывать про case-sensitivity :)
 
Для тех кто столкнется с тем что в ИЕ не работает div:hover в css может будет полезно.
Решается яваскриптом типа:
<div id="d1" onMouseOver="style.backgroundColor='red'" onMouseOut="style.backgroundColor='blue'">
главное не забывать про case-sensitivity :)

Можно внутрь дива положить ссылку (a), сделать ее блочной и растянуть по его ширине и высоте. С ссылкой hover работает нормально.
 
hover только для "a" работает в IE 6
hover для всего нормально работает в IE 7
а заменять css ява-скриптом это, имхо, глупо
 
hover только для "a" работает в IE 6
hover для всего нормально работает в IE 7
а заменять css ява-скриптом это, имхо, глупо

С последним замечанием полнустью согласен. Далеко не универсальное решение.
 
Можно внутрь дива положить ссылку (a), сделать ее блочной и растянуть по его ширине и высоте. С ссылкой hover работает нормально.
Однако и впрямь работает. Виноват. Был не прав. Вовремя остановленная глупость - не есть порок. :)
 
  • Заблокирован
  • #6
Можно внутрь дива положить ссылку
а можно и не клать - "a" хоть и строчный тэг, но css свойство display:block еще никто не отменял - парсер браузеров будет обрабатывать е на равне с другими блочными тэгами.. ;)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху