Question

我正在尝试使用带有CSS渐变的Modernizr。我已经读过Modernizr现在能够添加前缀。所以，我在我的css文件中设置了这个：

background-image: linear-gradient(top, #FFF, #AAA);

如果我明白这应该转变为：

background-image: -webkit-linear-gradient(top, #FFF, #AAA);

但没有任何反应，我的渐变没有显示出来。这是一个错误还是我错过了什么？

Answer 1

Modernizr是一个JavaScript库。它不会改变CSS的行为。如果运行它的浏览器需要，则Modernizr中的前缀内容会生成正确的前缀CSS属性名称。您的示例代码没有JavaScript;它只是CSS; Modernizr不会改变它的行为。

Answer 2

Modernizr不添加供应商前缀。它只检查浏览器支持的内容。

您可以使用此jQuery插件。 https://github.com/codler/jQuery-Css3-Finalize它会自动添加供应商前缀。但它对线性梯度的支持有限。

Answer 3