background-attachment: Hintergrund fixieren
Anzeige Hier werben
background-attachment
Werte: scroll, fixed
Standardwert: scroll
Vererbung: nein
Kurzschreibweise: background
Anwendbar auf: alle Elkemente
CSS-Level: CSS1, CSS2.1, CSS3
Mit der Eigenschaft background-attachment kann man Hintergrundbildern die Eigenschaften Scroll oder Fixed geben.
scroll hat dabei die Eigenschaft, dass der Hintergrund beim Scrollen nach Oben verschwindet. Bei fixed bleibt der Hintergrund an der zugewiesenen Stelle.
Wichtig dabei ist, dass sich dieser Befehl logischerweise nur auf Hintergrundbilder und nicht auf einfarbige Hintergründe auswirkt.
Der Internet Explorer 6 kann background-attachment nur im <body> Tag interpretieren.
Beispiel:
besseres Beispiel
1
2
3
4
5
6
7 | HTML<div style="background-image: url(/static/wmp_box.png); background-attachment: fixed;">
<p>Das Hintergrundbild dieses Div's bleibt an Ort und Stelle!</p>
</div>
<div style="background-image: url(/static/wmp_box.png); background-attachment: scroll;">
<p>Das Hintergrundbild dieses Div's verschwindet beim scrollen</p>
</div>
|
Es gibt noch einen dritten Parameter "inherit" (abgeleitet). Gibt man ihn an, so verhält sich der Hintergrund wie in den übergeordneten Elementen.
Weiterführende Links
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "background-attachment: Hintergrund fixieren" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "background-attachment: Hintergrund fixieren" hier bearbeiten.
-
oho keine Angaben
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
-
graphic, motion & web design - kernreaktor - mutter kind turnen