css : li hover 在 Internet Explorer 6 中不起作用

Question

这里是代码：http://jsfiddle.net/yuliantoadi/hMr7h/

如果您尝试将鼠标悬停在“测试 2”链接上，将会出现下拉菜单。 IE 6 中的问题，知道如何使这个下拉菜单在 IE 6 中工作吗？

Answer 1

在 IE 6 中，:hover 仅适用于 CSS 的 a 标签。如果您想要 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','');
};