[CSS] Wie kann ich zwei verschiedene Hintergrundbilder verwenden?

Status
Nicht offen für weitere Antworten.

Andreas Gaisbauer

Erfahrenes Mitglied
Wie kann ich zwei verschiedene Hintergrundbilder in einer Tabelle / Datei verwenden?

Normalerweise kann das <body> Tag nur ein Hintergrundbild beinhalten. Um mehrere Hintergrundbilder verwenden zu können machen wir folgendes: Wie legen über den Body einen Layer. In diesem Layer liegt das zweite Hintergrundbild und der eigentliche Inhalt.

PHP:
<body style="background-image:url('image1.jpg'); background-repeat:no-repeat;>
<div style="position : absolute; z-index : 1; "background-image:url('image1.jpg'); background-repeat:no-repeat;">
 CONTENT CONTENT CONTENT CONTENT
 CONTENT CONTENT CONTENT CONTENT
</div>

Die Position vom 2ten Hintergrundbild kann natürlich mit CSS angepasst werden. Background-position und background-attachment
sind dafür die richtigen Eigenschaften.

Links:
http://www.selfhtml.net/css/eigenschaften/hintergrund.htm
http://www.w3.org/TR/CSS1#color-and-background-properties
 
Status
Nicht offen für weitere Antworten.
Zurück