jQuery的CSS梯度

为了有一个元素上一个渐变背景我做这样的事情：jQuery的CSS梯度

.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的假设，以消除所有相关的跨浏览器兼容性问题的工作？有没有更好的方法来做到这一点。没有使用任何额外的插件？

来源

2011-04-20 Agzam

jquery将消除/减少js相关的跨浏览器问题，它不会解决你的css跨浏览器问题。至于我所知道的jQuery不会为你解决这个问题。 – Michael 2011-04-20 19:24:51

您可以在样式表中定义所有这些。不知道你为什么要使用jQuery，除非你需要动态地做这件事。 – 2011-04-20 19:25:24

请勿使用“background-image：” - 使用“background：”。 – 2011-04-20 19:25:50