Wordpress 主题在 IE 中的工作方式很奇怪答案

【问题标题】：Wordpress theme works very strange in IEWordpress 主题在 IE 中的工作方式很奇怪
【发布时间】：2013-10-24 19:24:13
【问题描述】：

我现在正在使用 WP 网站，但遇到了一个问题。

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

也许有人可以解释我做错了什么并让我朝着正确的方向前进？

附：我不确定它是否重要，但我的 WP 主题基于Foundation WP theme。

提前谢谢你！

【问题讨论】：

您要加载多少个样式表文件？较旧的 IE 版本对可以加载到单个页面中的 CSS 文件的数量有相当严格的限制，并且会丢弃超过该限制的任何内容。（CSS 文件中的选择器数量也有限制）。如果你有很多文件，你应该考虑合并它们。（无论如何，这将是一个很好的做法，以减少您的页面加载必须发出的 http 请求数）
我数了 7 个 css 文件。其中一些是从其他插件中使用的，所以很遗憾我无法将它们合并到一个 CSS 文件中。谢谢你的回答）
您为我指明了正确的方向。出现问题是因为主 CSS 文件对于 IE8 及更低版本来说太大了，而且它只是裁剪了我的 CSS 样式。我已将其分成 2 个文件，这解决了问题 :) 再次感谢 Spudley！

【解决方案1】：

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

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

在 IE 中查看时，您是否在检查器 (F12) 中检查以确保文档模式与浏览器模式匹配，所以如果您检查 IE9.. 你会

浏览器模式： IE9

文档模式： IE9 标准

【讨论】：

【解决方案2】：

.dl-menu 类正在使用代码：

不透明度：0；

这不是很跨浏览器。您需要使用几个版本才能更好地支持不透明度。

这只是一点，看起来我可能还有其他点，但看看改变它是否对你有帮助。

这个页面会很好的解释跨浏览器的不透明度属性：http://css-tricks.com/snippets/css/cross-browser-opacity/

【讨论】：

【解决方案3】：

出现问题是因为主 CSS 文件对于 IE8 及更低版本来说太大了，而且它只是裁剪了我的 CSS 样式。我把它分成 2 个文件，这解决了问题:)

感谢所有试图提供帮助的人，尤其是 Spudley 指出正确的方向！

【讨论】：