jQuery css渐变

Question

要在元素上有渐变背景，我会这样做：

.css('filter','progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#FFFFFF\', endColorstr=\'#'+event.backgroundColor+'\', gradientType=1)')
.css('background-image','-webkit-gradient(linear, left top, right bottom, color-stop(0.1, #FFFFFF), color-stop(0.99, #'+event.backgroundColor+'))')
.css('background-image','-moz-linear-gradient(top left, #FFFFFF 0%, #'+event.backgroundColor+' 100%)')
.css('background-image','-o-linear-gradient(top left, #FFFFFF 0%, #'+event.backgroundColor+' 100%)')

现在，是不是jQuery想要消除与跨浏览器兼容性问题相关的所有工作？有没有更好的方法来做到这一点。不使用任何额外的插件？

Answer 1

有一个jQuery插件用于处理渐变。我从来没有用它，但它看起来很简单

http://plugins.jquery.com/project/gradient

继承人如何使用它：

http://www.julien-verkest.fr/13/11/2007/jquery-gradient-le-plugin-qui-permet-de-creer-dynamiquement-des-backgrounds-degrades

或者您可以使用Gradientz

http://jquerystyle.com/2009/08/06/gradientz

Gradientz看起来更完整，更易于使用。祝你好运伙计。

Answer 2

不。 jQuery没有供应商前缀的本机实现。也不是很令人惊讶; jQuery是一个 JavaScript 库，旨在使 JavaScript 跨浏览器。

查看CSS3 Finalize插件。