→   :hover в ie6

С IE6 бывает много проблем, одна из них это не срабатывание ховера. Однако, если в проекте присутствует библиотека jQuery, то можно очень легко заставить работать этот псевдоселектор :hover.

Логика будет такая: при событии ховер у нас происходят какие-то изменения с элементом, можно в CSS дописать правило—класс в котором описать эти изменения. А потом при наведении курсора на этот элемент добавлять элементу этот класс, при убирании курсора удалять этот класс, с помощью вот такого маленького сниппета. Допустим, что мы добавляем класс .active одному из элементов списка.

подключаем jQuery ↓
<script type="text/javascript" src="jQuery.js"></script>

Пишем небольшой плагин ↓

  1. $(document).ready(function() {
  2.     $("ul.nav li").hover(function() {
  3.         $(this).addClass("active")
  4.     } , function() {
  5.         $(this).removeClass("active")
  6.     });
  7. });

 

jQuery