Css Wordpress主题在IE中的工作非常奇怪

我现在和WP网站一起工作，遇到了一个问题

该网站在Chrome、Firefox、Safari、Opera和IE10中运行良好，但在较旧的IE版本（如IE9）中，它看起来非常奇怪。我的自定义CSS似乎没有正确加载。有趣的是CSS样式部分应用于网站（图标字体），而不是覆盖基础框架样式的样式。

也许有人能向我解释我做错了什么，把我引向正确的方向

另外，我不确定这是否重要，但我基于我的WP主题

提前谢谢你

• 亚历克斯

---

您是否尝试将其添加到标题标签上方的head标签顶部，以确保IE使用IE中的最高版本

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

此外，在IE中查看时，您是否在inspector（F12）中检查文档，确保文档模式与浏览器模式匹配，以便在检查IE9时。。你会的

浏览器模式：IE9

---

文档模式：IE9标准

class.dl菜单正在使用代码：

不透明度：0

这不是很跨浏览器。为了更好地支持不透明度，您需要使用一些版本

这仅仅是一点，对我来说可能还有其他的，但是看看改变这一点是否对你有帮助

---

本页将很好地解释跨浏览器不透明度属性：

出现问题的原因是主CSS文件对于IE8和更低版本来说太大，并且它只是交叉了我的CSS样式。我已将其分为两个文件，这解决了问题：）

---

感谢所有试图帮助的人，特别是Spudley指出了正确的方向

您正在加载多少个样式表文件？旧的IE版本对可以加载到单个页面中的CSS文件的数量有一个相当严格的限制，并且会丢弃超过该限制的任何内容。（CSS文件中选择器的数量也有限制）。如果你有很多文件，你应该考虑合并它们。（无论如何，这将是一个很好的实践，以减少页面加载所需的http请求数量）我数了7个css文件。其中一些是从其他插件中使用的，所以不幸的是，我无法将它们合并到单个CSS文件中。谢谢你的回答）你为我指明了正确的方向。出现这个问题是因为主CSS文件对于IE8和更低版本来说太大了，并且它只影响了我的CSS样式。我把它分成了两个文件，这就解决了这个问题：）再次感谢你，Spudley！谢谢你的回答Johnatan:）我在页眉上加了这一行，但没有任何改变。是的，浏览器模式与文档模式相同。@Nekto您的操作系统和IE版本是什么？我已经在IE9上测试过了，Win7是IE10，但浏览器模式是IE9。。或者IE9是独立的？它是独立的IE9版本。我升级它并不是为了能够测试一些“美食”客户的网站：）无论如何，谢谢你的建议，我很感激。谢谢你的建议欧文，我会解决它的。但不幸的是，这无助于解决这个问题。