Modernizr不添加前缀到我的CSS渐变

我想用css渐变使用Modernizr。我读过Modernizr现在能够添加前缀。所以，我在我的CSS文件中设置此：Modernizr不添加前缀到我的CSS渐变

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

如果我理解这应该转化为：

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

但没有任何反应，不显示我的梯度。这是一个错误还是我错过了什么？

你从哪听说的Modernizr可以增加供应商前缀？ AFAIK它不 – stephenmurdoch

尝试[prefixfree]（http://leaverou.github.com/prefixfree/）从lea verou如果你想要供应商的前缀，虽然有这些工具负载 – stephenmurdoch

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

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

2011-11-25 14:14:59 Codler

感谢您向我展示此库，但正如您所说，它似乎不适用于线性渐变。 –

它只支持这种格式，例如线性渐变（#ffffff，＃e5e5e5）。它必须是十六进制的，并且有6个符号（不能是3）。 – Codler

下面是它支持的列表https://github.com/codler/jQuery-Css3-Finalize/wiki/Rules-supported – Codler

Modernizr是一个JavaScript库。它不会改变你的CSS的行为。 Modernizr中的前缀材质会生成正确的前缀CSS属性名称，前提是运行该浏览器的浏览器需要它。你的示例代码没有JavaScript;它只是CSS; Modernizr不会改变它的行为。

2011-11-25 14:13:30 Trott

我完全误解了什么是modernizr。 .. 感谢您的解释。 –

2011-11-25 14:27:27 k4t434sis

回答