我正在尝试将 Modernizr 与 CSS 渐变一起使用。我读过 Modernizr 现在能够添加前缀。所以,我在我的css文件中设置了这个:
background-image: linear-gradient(top, #FFF, #AAA);
如果我理解这应该转换为:
background-image: -webkit-linear-gradient(top, #FFF, #AAA);
但是什么也没发生,我的渐变也没有显示出来。这是一个错误还是我错过了什么?
我正在尝试将 Modernizr 与 CSS 渐变一起使用。我读过 Modernizr 现在能够添加前缀。所以,我在我的css文件中设置了这个:
background-image: linear-gradient(top, #FFF, #AAA);
如果我理解这应该转换为:
background-image: -webkit-linear-gradient(top, #FFF, #AAA);
但是什么也没发生,我的渐变也没有显示出来。这是一个错误还是我错过了什么?
Modernizr 是一个 JavaScript 库。它不会改变你的 CSS 的行为。如果运行它的浏览器需要,Modernizr 中的前缀内容会生成正确的前缀 CSS 属性名称。您的示例代码没有 JavaScript;它只是 CSS;Modernizr 不会改变它的行为。
Modernizr 不添加供应商前缀。它只检查浏览器支持的内容。
你可以使用这个 jQuery 插件。 https://github.com/codler/jQuery-Css3-Finalize它将自动添加供应商前缀。但它对线性梯度的支持有限。
我认为您正在寻找的是http://prefixr.com/index.php