7

我似乎无法让modernizr 在我的网站上工作。我已将 javascript 文件添加到文件夹中并调用它们。我还在 html 中添加了 no-js，但仍然没有。

当我查看源代码时，它不会像应有的那样填充 html。

我还没有将它用于 css3 元素，所以我不需要任何后备样式，我只想能够使用更多语义标签，如页眉、导航、页脚等......

这是我的文档代码：

<!DOCTYPE html>

<html class="no-js" lang="en">
<head>
    <meta charset=utf-8>
    <title></title>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->

    <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>
4

4 回答 4

10

我自己遇到了这个问题。确保在运行时查看页面。查看页面源码时，不执行js调用，不会替换no-js。如果您使用的是 Chrome，请使用他们的元素检查器。

于 2012-07-20T01:02:07.583 回答
5

这很可能是路径问题。尝试临时替换

<script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>

和

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/modernizr/1.7/modernizr-1.7.min.js"></script>

或者它可能正在工作，但它并不明显。请记住，当您查看源代码时看不到 Modernizr 类，您需要像 FF 上的 Firebug 或 Chrome 上的开发人员工具这样的工具来实际检查后 JavaScript 代码。

一个额外的测试会做类似的事情......

.borderradius body {
  background: #c00;
}

如果背景为红色，则 Modernizr 正在运行。

于 2011-05-17T10:32:40.547 回答
0

您在这里没有任何样式，但也许您还没有将 HTML5 元素定义为 display: block？Modernizr 本身不会这样做，因此如果您不将其添加到 CSS 中，您仍然无法获得预期的结果。

于 2012-07-17T20:24:50.367 回答
0

为了记录，我也有这个问题。经过长时间的测试，我发现从自定义构建中删除“添加 CSS 类”选项对我造成了影响。

于 2014-07-15T23:30:36.940 回答