CSS 图层 Z-Index IE8 兼容模式 - 下拉菜单

Question

我在这方面相当无能，但经过几个月的游戏、探索和阅读，我终于让我的公司网站达到了一个像样的状态。在我发布之前只有一个小问题。我意识到这已经被问和回答了一百万次，但是对于我的一生，我无法弄清楚如何在我的特定页面上修复它。

在 Chrome、Firefox 和 IE 9 和 10 中都能完美运行（经常出现这种情况）。在 IE8 中，当处于兼容模式时，将鼠标悬停在子菜单上时位于滑动横幅的后面。如果我愿意测试的话，我想这在 IE7 中应该是一样的。

http://www.globalsafetytandc.com/index.html

我整天都在努力解决这个问题。我的 CSS 现在到处都有 z-index 值，但仍然无济于事。我征求你的意见。对我温柔点。我对这种开发云雀没有真正的经验 - 只是一个好奇的头脑让我走到了这一步。

谢谢， 西蒙

Answer 1

为了兼容 IE8，在 html 文件的头部添加这一行：

<meta http-equiv="X-UA-Compatible" content="IE=100" />