Modernizr如何做边界半径

时间:2011-11-11 05:16:11

标签: javascript modernizr

请你帮我说清Modernizr

如果我使用某个功能(例如border-radius),我会使用较旧的浏览器运行它。现代化程序是否会自动将css添加到页面中,或者我应该编写代码以使控件呈现为具有边框。如果第二种情况属实,那么我为什么要使用Modernizr呢?

2 个答案:

答案 0 :(得分:9)

Modernizr为您提供了大多数方法来测试HTML5支持,然后在垫片中加载您所缺少的内容,以便您可以编写一个现代标准。它不会更新浏览器的本机行为。因此,对于CSS,虽然它检测您的浏览器是否支持边框半径,但它并没有找到模拟该支持的方法。

但是,您可以决定加载某些内容以支持它们,例如css3 pie

答案 1 :(得分:6)

如果浏览器支持特定功能(例如border-radius),则Modernizr可让您检测。如果不支持,您可以使用Modernizr.load()加载模拟该浏览器功能的polyfill。这允许现代浏览器使用其内置功能(这将更快),并允许您仅在需要它的浏览器上加载polyfill。

有关Modernizr.load的更多信息:http://www.modernizr.com/docs/#load

有用的填充物清单:https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills