要在元素上具有渐变背景,我需要执行以下操作:
.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
继承人如何使用它:
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看起来更加完整且易于使用。取决于您,祝您好运。