CSS下拉菜单令人沮丧的问题

时间:2011-09-15 07:54:53

标签: css menu internet-explorer-7

我现在已经把头撞在墙上大约3个小时了,并猜测发生了什么也不起作用。有人可以帮助我拯救我衰弱的理智吗?

基本上在IE7中,当您尝试将鼠标悬停在其上时,此菜单上的第二级将不会保持打开状态。我试过z-indexes,容器的位置:相对集,行高,边框,填充...一切!!我错过了什么? ARGG!一定是猜测中显而易见的东西,但我疲惫的大脑刚刚放弃了。

http://www.sah.org.au/devt/

感谢您的帮助!

约翰。

2 个答案:

答案 0 :(得分:1)

根据您对代码

的评论
  

/ *使用left而不是display来隐藏菜单,因为display:none   屏幕阅读器不读取* /

我发现你不希望屏幕阅读器读取子菜单。我做了一项研究,发现大多数屏幕阅读器都没有阅读visibility:hidden元素。我的建议是删除left:-999em并将其替换为visibility:hiddendsiplay:none

以下是有关屏幕阅读器的文章: http://www.alistapart.com/articles/fir/

答案 1 :(得分:1)

这真令人沮丧。

我能找到的唯一(几乎)解决方案是向background-color添加#menu a。您可以在:hover上为不同的链接将其更改为正确的颜色。或者,只需将其从li移至a

很奇怪,对吗?它大有帮助。

我有理由相信一个完美的解决方案是需要(丑陋的)HTML更改,或者编写jQuery来做同样的事情(仅适用于IE7)。