CSS: li hover не работает в Internet Explorer 6

Question

вот код: http://jsfiddle.net/yuliantoadi/hMr7h/

если вы попытаетесь навести курсор на ссылку «test 2», появится выпадающее меню. проблема в IE 6, есть идеи, как заставить это выпадающее меню работать в IE 6?

Answer 1

В IE 6 :hover работает только с тегами a для CSS.Если вам нужны эффекты наведения для IE 6, они должны быть выполнены в Javascript.

Answer 2

Вы можете использовать JS для обхода.

образец jquery:

$(function(){
    $('.link ul li').hover(
        function(){
          $(this).addClass('hover');  
        },function(){
            $(this).removeClass('hover');
    });
});

http://jsfiddle.net/hMr7h/1/

Answer 3

Это потому, что IE 6 (и 7, если мне не изменяет память) не поддерживает псевдокласс :hover ни для чего, кроме ссылки.

Однако вы можете немного эмулировать поведениеJavaScript (без использования jQuery, в отличие от ответа choise):

var element = document.getElementById('someid'); // I'm leaving this part up to you.
element.onmouseover = function (e) {
    element.className += ' hover';
};
element.onmouseout = function (e) {
    elemen.className.replace(' hover','');
};