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

时间:2010-11-30 19:46:31

标签: css internet-explorer-7

我已经尝试使用高z-index定位标题'relative'以及位置相对的内容,但是当我将鼠标悬停在IE 7中内容开始的上方时,下拉隐藏。这是关于此page - http://www.legrandconfectionary.com/truffle-flavors/我认为这与松露上的工具提示有关,但它发生在每一页上。非常感谢帮助。

1 个答案:

答案 0 :(得分:0)

我准备好了,并说它与你的工具提示插件的div有关,这些插件在你不再徘徊之后就会被遗忘。你看不到他们,但他们在那里。尝试将此添加到您的CSS文件中:

.tooltip { z-index: 50; }

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

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