我现在已经把头撞在墙上大约3个小时了,并猜测发生了什么也不起作用。有人可以帮助我拯救我衰弱的理智吗?
基本上在IE7中,当您尝试将鼠标悬停在其上时,此菜单上的第二级将不会保持打开状态。我试过z-indexes,容器的位置:相对集,行高,边框,填充...一切!!我错过了什么? ARGG!一定是猜测中显而易见的东西,但我疲惫的大脑刚刚放弃了。
感谢您的帮助!
约翰。
答案 0 :(得分:1)
根据您对代码
的评论/ *使用left而不是display来隐藏菜单,因为display:none 屏幕阅读器不读取* /
我发现你不希望屏幕阅读器读取子菜单。我做了一项研究,发现大多数屏幕阅读器都没有阅读visibility:hidden
元素。我的建议是删除left:-999em
并将其替换为visibility:hidden
和dsiplay:none
。
以下是有关屏幕阅读器的文章: http://www.alistapart.com/articles/fir/
答案 1 :(得分:1)
这真令人沮丧。
我能找到的唯一(几乎)解决方案是向background-color
添加#menu a
。您可以在:hover
上为不同的链接将其更改为正确的颜色。或者,只需将其从li
移至a
。
很奇怪,对吗?它大有帮助。
我有理由相信一个完美的解决方案是需要(丑陋的)HTML更改,或者编写jQuery来做同样的事情(仅适用于IE7)。