IE7中下拉菜单不断消失，菜单项被图片覆盖
Posted
技术标签:
【中文标题】IE7中下拉菜单不断消失，菜单项被图片覆盖【英文标题】：Dropdown menu keeps disappearing & menu items covered by pic in IE7 【发布时间】：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
【问题讨论】：
你找到解决办法了吗？？我面临同样的问题！ 【参考方案1】：哦，这样的规则 div#menu ul li:hover ul ul（以及许多其他规则）没有被 IE6 或 IE7 处理。
IE8 之前的 IE 浏览器只管理链接元素的 :hover 规则。
查看此tutorial，其中详细解释了问题和解决方案。
祝你好运！
【讨论】：
以上是关于IE7中下拉菜单不断消失，菜单项被图片覆盖的主要内容，如果未能解决你的问题，请参考以下文章