Ho creato una barra multifunzione in Photoshop. Il nastro ha tre parti. Le parti sinistra e destra sono fisse di 10 px. Il sectoin medio è uno schema ripetibile.Più immagini di sfondo in un div
È possibile combinare queste immagini come sfondo del mio tag?
come @ j08691 detto, solo in CSS3
#yourTag {
background-image: url(one.png), url(two.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
width: 300px;
height: 350px;
}
qui si ha una: good example
Buona soluzione. Ma, da quello che ho letto, non funziona in tutti i browser ... nella mia mente, è abbastanza diffuso da usare, ma dipende dal pubblico di destinazione. Usare con cautela. – blo0p3r
E 'possibile solo con CSS3 per i browser moderni.
.element{
background-image: url(key.png), url(stone.png);
}
Basta aggiungere una classe al tag, quindi utilizzare i CSS per aggiungere lo sfondo a tale classe. Questo non funziona su IE8 o precedente Codice
div
{
background:url(smiley.gif) top left no-repeat,
url(sqorange.gif) bottom left no-repeat,
url(sqgreen.gif) bottom right no-repeat;
}
è da http://www.w3schools.com/cssref/css3_pr_background.asp
Per farlo funzionare in altre versioni di IE si può usare qualcosa di simile CSS3Pie http://css3pie.com/documentation/supported-css3-features/#pie-background Tuttavia vorrei testare a fondo prima di mettere il codice live
Solo in CSS3 puoi avere più sfondi per un elemento, quindi sì, ma non tutti i browser lo supportano. – j08691
Ecco un'altra possibile soluzione per il problema. Se è possibile modificare lo sfondo in modo che sia composto da due immagini, è possibile utilizzare la tecnica illustrata qui: http://www.alistapart.com/articles/slidingdoors2/ –