头文件在IE 7-8中被搞乱。

Question

我正在处理的页面在Chrome、Firefox、Opera和Safari (包括Mac和Windows)中显示得很好，IE7和8除外。标题应该如下所示：

​

但在IE中，似乎是这样的：

​

在我们将position: relative;作为类container在charity.css文件中使用之前，我不得不删除它，因为它在IE / my下拉菜单中造成了问题。

有人能帮帮我吗？！我现在太没有主意了：

这是page，任何帮助都将不胜感激！！

编辑：，这是一个小提琴手：http://jsfiddle.net/walahh/QwFL6/，它不是完全相同的page...but，希望你能得到这个想法。

Answer 1

很明显，修复方法很简单.我把它弄得太复杂了。

我(也)不知道的是，“在IE中，z-索引不能高于包含元素的z-索引。”

所以我回到原来的文件，在那里他们有.container{width:940px; margin:0 auto; position: relative;}，并留下了它的原样。然后为#header{.....; z-index:1; }和#mainNav{...; z-index:2;}添加z-索引值，这就解决了.

• 隐藏下拉菜单
• 弄乱头

以下是修改后的代码：http://jsfiddle.net/walahh/QwFL6/3/

希望这对某人有帮助:)感谢大家花时间阅读我的帖子并帮助我。