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想要消除与跨浏览器兼容性问题相关的所有工作? 有没有更好的方法来做到这一点。 不使用任何额外的插件?
有一个jQuery插件用于处理渐变。 我从来没有用过它,但看起来很简单
http://plugins.jquery.com/project/gradient
inheritance人如何使用它:
或者您可以使用Gradientz
http://jquerystyle.com/2009/08/06/gradientz
Gradientz看起来更加完整和易于使用。 祝你好运好友。
不。 jQuery没有供应商前缀的本机实现。 也不是很令人惊讶; jQuery是一个JavaScript库,旨在使JavaScript跨浏览器。
查看CSS3 Finalize以获取插件。