2010-07-15 61 views
0

我正在用wordpress开发web,并且它的子菜单有问题。问题是它不会在IE6上悬停显示。我猜,css肯定有问题。有任何想法吗?这可能需要JavaScript才能完成?IE6中的悬停子菜单

据我所知,问题是#access ul ul {display:none; }当我删除它,它显示allways子菜单..有没有方法可以改变它的东西?

+0

代码示例,请。 – johnwards 2010-07-15 13:36:02

+0

不与PHP相关,并作为提示谷歌suckerfish-dropdowns。 – Gordon 2010-07-15 13:42:29

+0

[IE6悬停问题]的可能重复(http://stackoverflow.com/questions/2571073/ie6-hover-issue) – Gordon 2010-07-15 14:21:28

回答

0

都能跟得上它也不是没有可能,至少在IE6中的JavaScript,你需要的JavaScript IE6 :(

这里有一些方法供您选择:

IE6 Hover Issue

+1

是否增加:悬停支持所有元素?根据文档判断,所有CSS3Pie都可以添加特定的CSS3特定声明,其中:悬停不是。 – Gordon 2010-07-15 13:47:04

+0

@戈登:我不确定,但这里有一些其他选项:http://stackoverflow.com/questions/2571073/ie6-hover-issue – Sarfraz 2010-07-15 13:54:43

+0

嗯,我知道还有其他选择:)只是怀疑CSS3Pie作为解。在旁注中,当你一次问自己同一个问题时,为什么没有对这个问题进行关闭? – Gordon 2010-07-15 14:26:01

2

我的猜测,因为我不IE6只支持:悬停伪类<a>标签(只有a:hover才能在IE6中工作)

查看CSS Play,了解仅限CSS的下拉菜单示例。

0

我认为这是可能的这个简单的把戏(溢出高度技巧)。

需要注意的是:

  1. 的容器应该有真正的高度。
  2. 包装应该有真正的高度和“位置:绝对”。
  3. 包装的孩子应该有真正的身高和“位置:相对”。

包装你的菜单是这样的:

< 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 > 

享受)