background-attachment

Es gab Skriptfehler auf dieser Seite. Während diese von Website-Redakteuren bearbeitet werden, können Sie im Folgenden Teile des Inhalts ansehen.

{{ CSSRef() }}

Ü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
{{ unimplemented_inline() }} 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 {{ gecko_minversion_inline("1.9.2") }}

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

{{ languages( { "en": "en/CSS/background-attachment", "fr": "fr/CSS/background-attachment", "it": "it/CSS/background-attachment", "pl": "pl/CSS/background-attachment","es": "es/CSS/background-attachment" } ) }}

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: fscholz
Zuletzt aktualisiert von: fscholz,