Para tener un fondo degradado en un elemento, hago algo como esto:

.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%)')

Ahora, ¿no se supone que jQuery elimina todo el trabajo relacionado con problemas de compatibilidad entre navegadores? ¿Hay alguna manera mejor de hacerlo? ¿Sin usar complementos adicionales?