2012-02-13 19 views
5

Se ho la dichiarazione:Override una parte multipla proprietà dichiarazione css

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

è possibile sostituire solo una parte dei valori multipli, cioè (pseudocodice):

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

È 'background-image: url (a.png), -webkit-linear-gradient (trasparente, nero), url (b.png);' codice css valido anche? – elclanrs

+0

CSS3 consente di separare più dichiarazioni di background utilizzando la virgola. Non ho usato molto CSS3, anche se mi azzarderei ad un "sì" alla tua domanda. – Akaishen

+0

@elclanrs Sì, CSS3 consente più immagini di sfondo (sebbene i validatori possano contrassegnare i valori prefissati). – joshnh

risposta

4

Non al momento. È possibile effettuare le seguenti (cambiare il valore di un singolo immobile sullo sfondo stenografia):

.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%; 
}

Ma non importa come si affronta, si avrà sempre di dichiarare ogni immagine di sfondo; non puoi ancora utilizzare "inherit" per più immagini di sfondo.

+1

in realtà esiste un valore "ereditario", ma so cosa intendi. –

+0

Heh, avrei dovuto essere più specifico. Ho chiarito la mia risposta. – joshnh

+0

Mi chiedo quale posizione di sfondo farebbe a un -webkit-gradient() –

Problemi correlati