问题与我的网站在IE8兼容性视图中的显示方式有关

Question

我会尝试尽可能简单。我现在正在网站上工作，您可以在http://wordpress.myecsinc.com看到该网站。请记住，这是一个TEST网站，并没有完成，据说这里和那里有很多错误，但我打算修复它。

无论如何，当我在IE8兼容性视图中查看该网站时，底部的两个图像一起刷过（可以这么说）。当我退出兼容性视图时，它看起来应该是这样。有没有人有任何想法可能导致这个以及如何解决它？

我试图附上截图，但由于我是这个网站的新用户，所以不会让我知道。只需在IE8中打开网站并切换到兼容性视图，您就会明白我的意思。

提前谢谢！

Answer 1

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

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

Answer 2

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

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

如果删除了类，则修正了对齐方式。是否有一些理由让这个班级出现在第一张图片而不是其他图片上？

注意我在firefox中测试了这个。