1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

[CSS] Wie kann ich zwei verschiedene Hintergrundbilder verwenden?

Dieses Thema im Forum "Webmaster FAQ" wurde erstellt von Andreas Gaisbauer, 5. August 2003.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Andreas Gaisbauer

    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.

    Code (PHP):
    1.  
    2. <body style="background-image:url('image1.jpg'); background-repeat:no-repeat;>
    3. <div style="position : absolute; z-index : 1; "background-image:url('image1.jpg'); background-repeat:no-repeat;">
    4.  CONTENT CONTENT CONTENT CONTENT
    5.  CONTENT CONTENT CONTENT CONTENT
    6. </div>
    7.  
    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 des Themas:
Es sind keine weiteren Antworten möglich.

Diese Seite empfehlen