0

我正在尝试将 Modernizr 与 CSS 渐变一起使用。我读过 Modernizr 现在能够添加前缀。所以,我在我的css文件中设置了这个:

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

如果我理解这应该转换为:

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

但是什么也没发生,我的渐变也没有显示出来。这是一个错误还是我错过了什么?

4

3 回答 3

3

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

于 2011-11-25T14:13:30.973 回答
2

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

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

于 2011-11-25T14:14:59.320 回答
0

我认为您正在寻找的是http://prefixr.com/index.php

于 2011-11-25T14:27:27.743 回答