css - 我的网站在 IE8 兼容性视图中的外观问题

Question

我会尽量让这件事变得简单。我现在正在开发一个网站，您可以在http://wordpress.myecsinc.com上看到该网站。请记住，这是一个测试站点，它还没有完成，据说这里和那里有很多错误，但我计划修复它。

无论如何，当我在 IE8 兼容性视图中查看该站点时，底部的两个图像最终混合在一起（可以这么说）。当我退出兼容性视图时，它看起来就像它应该的那样。有谁知道可能是什么原因造成的以及我该如何解决？

我试图附上截图，但它不会让我，因为我是这个网站的新手。只需在 IE8 中打开该站点并切换到兼容性视图，您就会明白我的意思。

先感谢您！

score 2 · Accepted Answer

使用适当的元标记来强制 IE 退出兼容模式，而不必担心这个问题。适当的标签是：

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

score 1 · Accepted Answer

左图具有以下导致问题的 css 类：

.index-nav-img {
    position: absolute;
    z-index: 0;
}

如果类被删除，那么对齐是固定的。这门课有什么理由出现在第一张图片上而不是其他图片上吗？

注意我在 Firefox 中对此进行了测试。

2 回答 2