基于CSS的悬停菜单隐藏在IE7中

时间:2011-04-25 18:23:43

标签: html css internet-explorer internet-explorer-7

在这个网站上:http://chezkoop.ca/united下拉菜单隐藏在滑块(在主页上)和IE7中的页面标题(在其他页面上)(没有检查IE6,我不支持它)。

我觉得我已经尝试了z:index: Xposition: relative的所有可能组合,因为互联网上的各种帖子都有所建议。什么都没有用,我疯了!

非常感谢任何帮助。

阿德里安

2 个答案:

答案 0 :(得分:3)

我假设您已阅读解释此IE7错误的各种帖子,因此我不会链接到它们。

这是解决问题的方法:

  • 点击#slider-slides,删除position: relative
  • #menu-menu上,添加z-index: 3000
  • #nav上,添加z-index: 4000

这是一个实时页面,其中包含上述调整版本,可在IE7中使用:http://jsbin.com/ixefa3

您不需要使用如此大的z-index值。我只选择方便而且数字很高。

答案 1 :(得分:1)

在IE Dev Tools中玩了一下之后,我意识到了你的问题 - 确保你已经在所有元素上设置了z-index - 图片及其所有父容器,菜单和所有ITS父容器直到两人见面。希望有所帮助...如果不是我可以尝试澄清。