2012-02-13 8 views
5

Si tengo la declaración:Invalidar una parte de múltiples propiedad declaración css

h1 { 
    background-image: url(a.png), -webkit-linear-gradient(transparent, black), url(b.png); 
} 

es posible reemplazar sólo una parte de los múltiples valores, es decir, (pseudocódigo):

h1.foo { 
    background-image: default, default, url(c.png); 
} 
+0

Es 'background-image: url (a.png), -webkit-linear-gradient (transparente, negro), url (b.png);' incluso código css válido? – elclanrs

+0

CSS3 permite varias declaraciones de fondo separadas mediante la coma. No he usado mucho CSS3, aunque me atrevería a decir 'sí' a tu pregunta. – Akaishen

+0

@elclanrs Sí lo es, CSS3 permite múltiples imágenes de fondo (aunque los validadores pueden marcar valores prefijados). – joshnh

Respuesta

4

No actualmente. Puede hacer lo siguiente (cambiar el valor de una propiedad única en el fondo abreviada):

.foo { 
    background: url('...') 50% 50% no-repeat, 
       url('...') 50% 50% no-repeat, 
       url('...') 50% 50% no-repeat; 
} 

.foo { 
    background-position: 50% 50%, 75% 75%, 50% 50%; 
}

Pero no importa cómo hacer frente a ella, que siempre tendrá que declarar cada imagen de fondo; no puede usar 'heredar' para múltiples imágenes de fondo hasta el momento.

+1

en realidad hay un valor 'heredar', pero sé lo que quieres decir. –

+0

Je, debería haber sido más específico. He aclarado mi respuesta. – joshnh

+0

Me pregunto qué haría background-position a -webkit-gradient() –

Cuestiones relacionadas