css:li hover不';我不能在internet explorer 6中工作

css:li hover不';我不能在internet explorer 6中工作,css,internet-explorer-6,hover,Css,Internet Explorer 6,Hover,代码如下: 如果尝试悬停“测试2”链接,将出现下拉菜单。IE 6中的问题是,你知道如何让这个下拉菜单在IE 6中工作吗?在IE 6中,:hover只在CSS的a标签上工作。如果你想要IE 6的悬停效果,就必须用Javascript来实现。你可以使用一些JS来解决这个问题 jquery示例: $(function(){ $('.link ul li').hover( function(){ $(this).addClass('hover');

代码如下:


如果尝试悬停“测试2”链接,将出现下拉菜单。IE 6中的问题是,你知道如何让这个下拉菜单在IE 6中工作吗?

在IE 6中,
:hover
只在CSS的
a
标签上工作。如果你想要IE 6的悬停效果,就必须用Javascript来实现。

你可以使用一些JS来解决这个问题

jquery示例:

$(function(){
    $('.link ul li').hover(
        function(){
          $(this).addClass('hover');  
        },function(){
            $(this).removeClass('hover');
    });
});
这是因为IE6(和7,如果我有记忆的话)不支持
:hover
伪类,而只支持链接

但是,您可以使用一点JavaScript来模拟该行为(与choise的答案不同,不使用jQuery):


多年来,这一直被要求处死。我确信解决方案就在某个地方……我使用了基于HTC文件的IE解决方案。。检查此链接:这不是一个bug-这是一个特性!;)IE7支持“启用:将鼠标悬停在所有元素上,而不仅仅是在
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','');
};