css - 导航下拉菜单上的 IE 7 z-index 问题

Question

谁能告诉我为什么在 IE 8 上主(顶部)导航子菜单(特别是“Master Cleanse”下拉菜单)隐藏在该页面的侧边栏和内容框下？:http://therawfoodsite.com/newsite/store/

似乎在所有其他浏览器中都能正常工作(当然)，而且我的 z-index 设置正确...IE 就是不喜欢它。任何帮助都是极好的。谢谢。

Answer 1

您的页面被强制进入“IE7 模式”。检查页面返回的 HTTP 响应 header :

HTTP/1.1 200 OK
..
X-UA-Compatible: IE=EmulateIE7
..

在 IE8/9 中，您可以通过删除该 HTTP header 轻松解决您的问题。

如果那不是一个选项，或者您需要支持正版 IE7..

在.menu-main-container上，添加position: relative; z-index: 51.

如果您想了解有关此 IE6/7 错误的更多信息，请参阅:IE7 Z-Index issue - Context Menu