问题标签 [modernizr]

我在使用modernizr 脚本时遇到了一个烦人的问题。该脚本应该使 Internet Explorer 能够为新的 HTML 5 标记设置样式，但在我的代码中，标头标记已设置样式，但文章标记未设置。如果我使用 ID 为“article”的 DIV 并应用样式，它们是可见的，所以似乎modernizr 不适用于文章标签？我正在使用 IE 8 来测试它。

对于没有完全实现 html5 表单的浏览器（涉及 Modernizr、YepNope、Jquery 验证的解决方案......），我已经看到了许多不同的回退建议，但我没有设法让任何东西有效地工作。

基本上除了添加一个我已经设法使用 Modernizr 和 JQuery datepicker 的日期选择器之外，我真正需要做的就是让验证在所有浏览器中工作（主要优先级是电子邮件验证）

Chrome 和 FF 一切似乎都可以在本地运行，但令人惊讶的是 Safari 在没有正确电子邮件地址的情况下进行验证。IE显然也不支持

任何人都可以帮助一个相当简单的后备（可能通过 Modernizr）吗？

谢谢

我希望能够根据 Modernizr 的触摸/非触摸输出在 .mouseover 和 .click 事件之间进行选择。

但我不想把所有的东西都写两次。是否可以定义一些东西以便我可以调用：

我试图在我的网站中获得我认为非常好的 HTML5 ——input字段的占位符属性。

但是我在我的网站上获得它的方式严重退化。因为我跳过了字段的标签并使用占位符作为其标签。

目前我有几个带占位符的输入字段，它们看起来像这样：

但是在 HTML5 占位符支持不可用的情况下，我希望所有带有占位符的输入字段都更改为此。显然与它们等效的占位符文本：

因此，我引入了Modernizr，并使用以下 javascript 来检测占位符：

但我不知道现在该怎么办。因为我没有使用 javascript 的经验，所以我不是开发人员。

请最简单的解决方案是最好的。我对好的做法并不在意，我只是希望它现在可以工作。

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

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

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

这是我的文档代码：

这是工作示例：http: //jsfiddle.net/trustweb/sTSMW/

我注意到使用 safari 5.05 的错误

如果我在 html5 页面中设置一个表单，并且如果modernizr 测试失败，我用 jquery 替换该功能：

与其他浏览器（firefox、chrome 和 opera）一起，浏览器验证表单

在ie jquery中替换验证功能

在 safari 中它不起作用，modernizr 似乎在测试 html5 兼容性时返回 true：

我知道问题出在这一行：“if (Modernizr + "." + modernizr_fields[i])”，因为它总是评估为“true”

请帮助我的语法。

我正在使用modernizr 为不支持css3 的浏览器创建替代样式。它工作得很好，但我还没有找到使用多个 css3 样式的 css 类的解决方案。

示例 1：

这里的问题是如果浏览器确实支持 box-shadow 但不支持border-radius 你会遇到问题。在这种情况下，两个按钮都将使用 box-shadow，忽略边框半径并将no-borderradius 类与背景图像一起应用。我可以通过创建两个后备来解决它。

示例 2：

这里的问题是，如果浏览器不支持border-radius和box-shadow 这两个类都将用于设置元素的样式，我不禁想到这会导致问题吗？

有没有办法检测移动浏览器中的 HTML 5语义标签支持？

像这样的标签：

<section>, <nav>, <article>, <aside>, <hgroup>, <header>,<footer>

我正在制作具有 2 个版本的移动网站，例如 m.facebook.com 和 touch.facebook.com，我想重定向到支持的手机。在触摸版中，我使用的是 HTML 5 标签。

例如，Android 1.6 不支持 HTML5 并且仍在使用中。所以我想将所有 Android 1.6 设备重定向到 m.mobileversion.com 而不是 touch.mobileversion.com

Modernizr 2.0 beta 是否有办法检测浏览器对@media 查询的支持？

在 Modernizr 1.7 中，您可以使用 进行测试Modernizr.mq('(min-width)')，但新版本中似乎缺少该功能。有等价物吗？