在IE中用css创建子菜单

我想使用CSS在IE中创建子菜单，但IE不支持悬停操作。我不想使用JavaScript

---

我怎样才能解决这个问题？有没有其他方法可以在没有CSS或JavaScript的情况下创建子菜单？

你说IE不支持悬停操作是什么意思？IE6和更早版本仅支持：将鼠标悬停在标签上，IE7和更高版本支持将鼠标悬停在任何标签上。完全可以制作100%的CSS菜单。下面是我在谷歌上快速搜索的结果

---

IE6及以下版本仅支持

：将

伪类悬停在

标记上。通过应用以下CSS，可以使

标记的行为类似于块级元素（我假设您当前正在使用

）：

a.submenu { display: block; }

我强烈建议在IE6中使用HTC扩展，它支持在所有元素上使用：hover伪类，而不仅仅是锚

用法很简单。将其添加到标题，更改路径以反映您的设置：

<!--[if lte IE 6]>
    <style type="text/css">
        body{behavior:url(path/to/iehover.htc);}
    </style>
<![endif]-->

---

就这样

基于jQuery库，您可以为IE6使用以下代码

if (jQuery.browser.msie && navigator.userAgent.toLowerCase().indexOf('msie 6') > -1){
    jQuery(document).ready(function() {
        jQuery('.menu li').hover(
            function() {
                jQuery(this).addClass('hover');
            },

            function() {
                jQuery(this).removeClass('hover');    
            }
        );
    });
}

请将选择器“.menu li”更改为您的，并按以下方式使用CSS编写

---

.menu li:hover.menu li.hover{…}

我找到了这个页面，但没有机会看到它是否真的只是CSS

---

我原来的方法似乎不再适用于大多数浏览器，也无法验证。

@cpharmston:仅在启用JavaScript时有效。一个不引人注目的解决方案是首选。它也适用于：悬停到非ATAG