IE7中下拉菜单不断消失，菜单项被图片覆盖答案

【问题标题】：Dropdown menu keeps disappearing & menu items covered by pic in IE7IE7中下拉菜单不断消失，菜单项被图片覆盖
【发布时间】：2011-04-05 07:00:36
【问题描述】：

此问题仅影响 IE7。悬停效果有效，但是当我尝试将鼠标悬停在子菜单项上时，菜单突然消失了！只是，它被标题 div 中的图像覆盖。我已经尝试过 z-index 和删除边距等，但没有任何效果。

网站：http://bit.ly/9ZFJk5

CSS

#菜单容器{ 背景：url(../images/menu-bg.png) 重复-x；高度：75px； } ＃菜单{ 宽度：960px；边距：0px 自动；高度：75px；左边框：1px 虚线 #2a3f37; } #菜单 ul{ } #menu ul li{ 向左飘浮; 行高：75px； } #menu a, #menu h2{ 显示：块； } #菜单一个{ 文字装饰：无； } #菜单一：悬停{ 颜色：#A00；背景：#fff; } #菜单里{ 位置：相对； z-index:2px !important; } #menu ul li a { /*stle for IE7*/ 高度：1%； } #menu ul ul{ 位置：绝对；顶部：75px；左：0px；背景：#000； z-index:2px !important; } #menu ul li ul li a{ 宽度：175px；高度：35px；行高：35px； } #menu ul ul ul { 位置：绝对；顶部：0；左：100%； } div#menu ul li ul li{ 边距：0px； } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { 显示：无； } div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { 显示：块； z指数：2； }

HTML

Home Hearing


How You Hear 
                    Hearing Test 
                    Hearing Loss 
                    Online Hearing Test

 
            Hearing Aids 
            Tinnitus 
            Patients 
            About Us 
                
About Us 
                    Top Ten Reasons 
                    Our Staff 
                    Our Location 
                    Patient Forms 
                 
            Contact Us

【问题讨论】：

你找到解决办法了吗？？我面临同样的问题！

标签： menu internet-explorer-7 internet-explorer-6 css

【解决方案1】：

哦，这样的规则 div#menu ul li:hover ul ul（以及许多其他规则）没有被 IE6 或 IE7 处理。

IE8 之前的 IE 浏览器只管理链接元素的 :hover 规则。

查看此tutorial，其中详细解释了问题和解决方案。

祝你好运！

【讨论】：