background-attachment

Es gab einen Skriptfehler auf dieser Seite. Während dieser von Website-Redakteuren bearbeitet wird, 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

Zuletzt aktualisiert von: fscholz,