我已经尝试将标题“相对”定位为高 z-index 并将内容定位为相对位置但是只要我将鼠标悬停在 IE 7 中内容开始的上方,下拉菜单就会隐藏。页 - http://www.legrandconfectionary.com/truffle-flavors/我认为它与松露上的工具提示有关,但它发生在每一页上。非常感谢您的帮助。
最佳答案
我要大胆地说,这与您的工具提示插件的 div
有关,在您不再将鼠标悬停在它们上面后,这些 div
会被遗忘。你看不到它们,但它们就在那里。尝试将此添加到您的 CSS 文件中:
.tooltip { z-index: 50; }
理论上,这将阻止工具提示呈现在构成下拉菜单的 UL 元素之上。我有一种感觉,即 IE 7 正在将 mouseover
事件冒泡到隐藏的工具提示上(这可能会自行停止冒泡),从而取消了 UL 上的 mouseover
事件。由于 IE7 不支持 LI
元素上的 :hover
,因此您的导航所依赖的。
编辑: 进一步审查后,我不再相信它是由工具提示插件创建的 div
,但我相信我所说的取消 mouseover
事件上的气泡的插件。我相信你的工具提示插件是罪魁祸首。尝试禁用它,然后检查该行为是否仍然存在。
关于css - 我的页面内容与 IE7 中的下拉菜单重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4317835/