2011-04-20 12 views
8

Para tener un fondo degradado en un elemento que hago algo como esto:jQuery css gradiente

.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, supongamos que no se jQuery para eliminar todo el trabajo relacionado con los problemas de compatibilidad entre navegadores? ¿Hay alguna forma mejor de hacer eso? Sin usar ningún complemento adicional?

+3

Jquery eliminará/reducirá js problemas relacionados con el navegador cruzado, no solucionará los problemas de su navegador css. En cuanto a lo que sé, jQuery no solucionará este problema para ti. – Michael

+0

Puede definir todo eso en su hoja de estilos. No estoy seguro de por qué está usando jQuery, a menos que necesite hacer esto dinámicamente o algo así. –

+1

No use "background-image:" - use "background:". –

Respuesta

8

hay un plugin jQuery que se utiliza para trabajar con degradado. Nunca lo he utilizado, pero parece sencilla

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

heres cómo usarlo:

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

o puede utilizar el uso Gradientz

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

miradas Gradientz aún más completo y fácil de usar. Hasta ti amigo de la buena suerte.

+1

Gradientz se ve como un buen plugin :) – Michael

+1

¡Voy a tener que buscar un proyecto para probarlo! la comunidad jQuery es tan impresionante que hay toneladas de plugins realmente buenos. –

+1

¡Sí, claro! Y crece cada día :) – Michael

4

No. jQuery no tiene una implementación nativa de los prefijos de proveedor. No es muy sorprendente, también; jQuery es una biblioteca JavaScript, diseñada para hacer JavaScript cross-browser.

Consulte CSS3 Finalize para obtener un complemento.