2010-04-30 18 views
5

Así que Firefox admite fondos degradados. También es compatible con múltiples imágenes de fondo ... Entonces, ¿por qué no funciona esto?-moz-linear-gradient con fondo PNG sobre la parte superior

background:-moz-linear-gradient(top, #5989bd,#336296), url(Active-Arrow.png) right center no-repeat; 

También probamos:

background-color:-moz-linear-gradient(top, #5989bd,#336296); 
background:url(Active-Arrow.png) right center no-repeat;  

se puede hacer esto ??

+0

prueba la primera manera pero como imagen de fondo frente a solo fondo – meandmycode

Respuesta

7

Debe incluir la imagen de fondo ANTES el degradado lineal. por ejemplo:

background: url("http://127.0.0.1/css/bg.png") no-repeat, 
-moz-linear-gradient(top left, rgb(0,255,0), rgb(255,0,0)); 
Cuestiones relacionadas