javascript - 使用 Modernizr 来 Polyfill CSS 过渡

Question

我安装了 Modernizr js 作为 HTML5 Boilerplate 的一部分，但我不知道如何使用它。我创建了一个带有一些过渡的 CSS3 导航。我知道 IE 不支持它们，但据我了解，Modernizr 可以使用 js 进行填充。是对的吗？我怎么做？我不太懂js。

my jsfiddle

Answer 1

Modernizr 不为 CSS3 功能提供任何填充。它确实提供了一个简单的 polyfill 来在旧版浏览器中启用 HTML5 元素的样式。除此之外，它主要用作通过将类名添加到页面的 html 标记来检测功能的方法。

所以在你的CSS中，你可以做类似的事情

.borderradius .mydiv {
    border-radius: 8px;
}

如果您的浏览器支持，Modernizer 会将 .borderradius 类名添加到您页面的 html 标记中...或者您可以在 js 中使用它来有选择地回退到插件等。