[CSS] Mehrere Hintergrundbilder

Drucken
( 0 Votes ) 
Hauptkategorie: Programmieren Kategorie: CSS
Erstellt am 21.01.2013 Zuletzt aktualisiert am 21.01.2013 Geschrieben von Jonny132
Bislang war die CSS Eigenschaft Background-Image auf ein Bild beschränkt.
Seit der neuen CSS3 - Definition, ist es jedoch möglich der Background-Image Eigenschaft mehrere Bilder zu übergeben.
Damit das Sinn macht, müssen die Bilder natürlich Transparent sein, damit die Bilder auch in den lehren Bereichen dargestellt werden können.

Beispiel:
body
{
  background-image:url(bild1.gif), url(bild2.gif);
}
Um mehrere Bilder als Hintergrund angeben zu können, muss einfach mehrfach die url() mit Beistrich getrennt übergeben werden.
Die Reihenfolge wie die Bilder übergeben werden, gibt auch an welches Bild am vordersten und welches am hintersten sein soll.
In unserem Beispiel wäre also bild1.gif VOR bild2.gif.



    

    Veröffentlichen Sie ihre Kommentare ...