background-attachment

« CSS « CSS Referenz

Übersicht:

Die background-attachment Eigenschaft bestimmt, ob, das über background-image festgelegte Hintergrundbild beim Scrollen mit wandert oder an einem festen Ort fixiert ist.

Ab Gecko 1.9.2 (Firefox 3.6) können mehrere Werte, durch Kommata getrennt, definiert werden.
Vorherige Versionen unterstützen nur einen Wert.
  • Standardwert: scroll
  • Anwendbar auf: Alle Elemente
  • Vererbbar: Nein
  • Prozentwerte: Nein
  • Medium: visuell
  • berechneter Wert: wie festgelegt

Syntax

background-attachment:  <Fixierung>[, <Fixierung>]*

<Fixierung>:
scroll | fixed | local | inherit

Werte

scroll
Das Hintergrundbild wandert beim Scrollen mit.
fixed
Das Hintergrundbild ist an einem festen Ort fixiert.
local
Nicht implementiert in Gecko (Firefox). Siehe bug 483446
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

Live Beispiel

Einzelnes Hintergrundbild

background-image: url(images/cartooncat.png);
background-attachment: fixed;

Mehrere Hintergründe 

background-image: url(img1.png), url(img2.png);
background-attachment: scroll, fixed;

Browser Kompatibilität

Browser ab Version mehrere Hintergründe local Wert
Internet Explorer 4.0 [*] --- ---
Firefox (Gecko) 1.0 (1.0) 3.6 (1.9.2) ---
Opera 3.5 10.5 10.5
Safari (WebKit) 1.0 (85) 1.3 (312) ---

[*]: Der Internet Explorer bis einschließlich zur Version 6 kennt background-attachment nur im <html> bzw. <body> Tag.
Der Internet Explorer bis einschließlich zur Version 7 unterstützt den Wert inherit nicht.

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: Michael2402, fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden