Question

我正在尝试将Modernizr添加到我的wordpress安装中。我这样做是通过在wp_head（）之后添加以下行;在标题中：

<script src="<?php bloginfo('template_directory'); ?>/js/modernizr-custom.js"></script>

根据firebug，脚本已加载，但脚本似乎在IE8中没有效果。

我已将以下行添加到我的css中：

.borderradius body {
  background: #c00;
}

在firefox中，背景变为红色，在IE8中没有任何反应。

文章，除了，详细信息，figcaption，图，页脚，标题，主要，导航，部分显示设置：块;

我还能做些什么才能让它在IE8中运行？

非常感谢你的时间。

Answer 1

您需要HTML Shim才能让HTML5元素在＆lt; = IE8中运行。在任何其他人之前加入该脚本，最好是在<head>。您需要的下一个是媒体查询/匹配媒体polyfill，mediaqueries.js可以正常工作，我也很幸运respond.js。最后，如果你想要对border-radius这样的东西支持CSS3，你需要像CSS3 Pie这样的polyfill，包括它为传统IE支持提供的.HTC文件。

以下是我的起始模板<head>的示例，该模板主要基于HTML5 Boilerplate（它不包括CSS3 Pie）：

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title></title>

    <link rel="stylesheet" type="text/css" media="all" href="css/screen.css" />
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

Modernizr加载但IE8没有变化

1 个答案: