Question

我正在使用wordpress开发网络，并且它的子菜单有问题。问题是它不会出现悬停在IE6上。我想，css肯定有问题。有任何想法吗？这可以在没有javascript的情况下完成吗？

据我所知，问题在于#access ul ul {display：none;因为我删除它，它总是显示子菜单..有没有办法把它改成什么？

Answer 1

我的猜测因为我没有代码是子菜单使用li：hover来显示子菜单。 IE6仅支持：＆lt; a＆gt;上的：hover伪类标签（只有一个：悬停将在IE6中工作）。

查看CSS Play以查看某些仅限CSS的下拉菜单示例。

Answer 2

不是没有javascript至少在IE6中不可能，你需要IE6的javascript :(

以下是一些选项：

IE6 Hover Issue

Answer 3

我认为通过这个简单的技巧（ overflow-height-trick ）是可能的。

请注意：

容器应该有真正的高度。
包装器应具有实际高度和“position：absolute”。
包装的孩子应该有真正的身高和“位置：亲戚”。

像这样包裹你的菜单：

< div id="container" >

 < div id="menu_wrapper >
  < div id="selector" >Computed Value< / div >
  < ul id="menu" >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
  < ul >
 < / div >

< / div >

设置样式：

< style >
div#container{height:100%;}
div#menu_wrapper{height:32px; position:absolute;}
div#menu_wrapper:hover{height:100%;}
div#selector{height:32px;clear:both;}
ul#menu li{height:32px;}
< / style >

享受）

在IE6中悬停子菜单

3 个答案: