是否有人有边界半径、过渡、边界阴影和渐变示例的modernizr 示例？

【问题标题】：Does any one have modernizr example for border-radius, transition, border shadow and gradient example?是否有人有边界半径、过渡、边界阴影和渐变示例的modernizr 示例？
【发布时间】：2013-07-10 18:42:49
【问题描述】：

我正在网上搜索，但没有找到可以查看 Modernizr 实时示例的地方。

是否有任何人有示例链接或任何http://jsfiddle.net/ 演示页面。

【问题讨论】：

css3pie.com - 这至少解决了 4 个问题中的 3 个 :)
您想要一个使用测试的示例（即使用 Yep/Nope 有条件地加载 js？）还是只是添加到正文中的类？ ALA 有一个 example 的modernizr 正在使用中。

标签： jquery css polyfills

【解决方案1】：

测试对所有这些属性的支持可能有点矫枉过正（不支持边框半径的浏览器可能不支持渐变等）您可以使用Modernizr.load 并将一系列测试传递给测试支持并有条件地加载文件：

Modernizr.load({
      test: [Modernizr.csscolumns, Modernizr.borderradius, Modernizr.transition, Modernizr.bordershadow],
      nope: 'css3pie.js', // file to be loaded if tests fail
});

此外，由于其中很多都是视觉相关的东西，你可能更适合使用modernizr的类（即no-borderadius）而不是加载js来处理这个问题。

资源

【讨论】：