修复使用 Headway 主题制作的网站的 IE8 问题答案

【问题标题】：Fixing IE8 issue with site made with Headway Theme修复使用 Headway 主题制作的网站的 IE8 问题
【发布时间】：2014-04-25 03:46:23
【问题描述】：

我使用 Headway 主题（版本 3.5.5）为 WordPress 创建了一个站点。它在除IE8 之外的所有浏览器中都能正常工作。我在网站应该在的地方得到一个笑脸。

我尝试了标准的IE 8 兼容模式修复，但它没有任何区别（除了使网站在更高版本的 IE 中不那么忠实地呈现）。

网址是www.stonefashion.com。我没有发布图片的声誉点数，但您可以在 http://netrenderer.com/index.php 看到它的样子

【问题讨论】：

是通过 netrender 检查 IE8 的唯一方法，因为它在 IE8 的实际副本中看起来不错。好吧，它看起来不太好，但它显示了页面的元素。菜单上的样式混乱了，但它就在那里，与页面的其余部分一样。

标签： wordpress internet-explorer-8 ie8-compatibility-mode

【解决方案1】：

我非常讨厌 IE，尤其是版本 6、7 和 8。当你设计一个 wordpress 主题时，你必须设置两次样式，一次用于合适的浏览器，然后用于 IE 古人。要记住的另一件大事是，这些古人不支持媒体查询。

因此，要解决您的问题，请创建一个名为 ie.css 的样式表。您将使用它来为 IE 7 和 8 进行所有样式设置。

接下来，您需要将该样式表排入队列，但我们将有条件地将其排入队列。此样式表只会加载到 IE8 的 IE 版本。所以在你的functions.php中，添加以下内容

function enqueque_ie_stylesheet() {
// Load the Internet Explorer specific.  stylesheet.
 wp_enqueue_style( 'style-ie',   get_template_directory_uri() . '/ie.css',   array(), '' );
    wp_style_add_data( 'style-ie', 'conditional', 'lt IE 9' );
 }
add_action( 'wp_enqueue_scripts', 'enqueue_ie_stylesheet' );

您现在可以在ie.css 中添加您的样式。如果您使用的是子主题，请记住将 get_template_directory_uri 更改为 get_stylesheet_directory_uri

【讨论】：