css - 我的页面内容与 IE7 中的下拉菜单重叠

Question

我已经尝试将标题“相对”定位为高 z-index 并将内容定位为相对位置但是只要我将鼠标悬停在 IE 7 中内容开始的上方，下拉菜单就会隐藏。页 - http://www.legrandconfectionary.com/truffle-flavors/我认为它与松露上的工具提示有关，但它发生在每一页上。非常感谢您的帮助。

Answer 1

我要大胆地说，这与您的工具提示插件的 div 有关，在您不再将鼠标悬停在它们上面后，这些 div 会被遗忘。你看不到它们，但它们就在那里。尝试将此添加到您的 CSS 文件中:

.tooltip { z-index: 50; }

理论上，这将阻止工具提示呈现在构成下拉菜单的 UL 元素之上。我有一种感觉，即 IE 7 正在将 mouseover 事件冒泡到隐藏的工具提示上(这可能会自行停止冒泡)，从而取消了 UL 上的 mouseover 事件。由于 IE7 不支持 LI 元素上的 :hover，因此您的导航所依赖的。

编辑: 进一步审查后，我不再相信它是由工具提示插件创建的 div，但我相信我所说的取消 mouseover 事件上的气泡的插件。我相信你的工具提示插件是罪魁祸首。尝试禁用它，然后检查该行为是否仍然存在。