在IE中使用css创建子菜单

Question

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

我该如何解决这个问题呢？有没有其他方法可以不用CSS或JavaScript来创建子菜单？

Answer 1

您可以对基于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：.menu，.menu li.hover { ... }

Answer 2

IE不支持悬停操作是什么意思？IE6和更早版本仅支持:在A标记和IE7上悬停，以及更高版本在任何标记上支持它。制作100%的CSS菜单绝对是可能的。这是我在谷歌上快速搜索到的结果。

http://www.surguy.net/menu/index.html

Answer 3

IE6及更低版本仅支持<a>标记上的:HOVER伪类。您可以通过应用以下CSS来使<a>标记的行为类似于块级元素(我假设您当前正在使用<ol><li>)：

a.submenu { display: block; }