English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS-Eigenschaftensammlung

CSS Hintergrund-Verwendung und Beispiel der attachment Eigenschaft

CSS Hintergrund-attachment Eigenschaft definiert, ob das Hintergrundbild mit dem Dokument scrollt oder fest im Anzeigebereich bleibt.

Die folgende Tabelle zusammenfasst den Anwendungskontext und die Versionshistorie dieser Eigenschaft.

Standardwert:scroll
Anwendbar auf:Alle Elemente
Vererbung:Keine
Animierbar:Nein.Bitte参见 Animationseigenschaft
Version:CSS 1,2,3
JavaScript Syntax:    
object    object.style.backgroundAttachment="fixed"

Hintergrund-Verwendungssyntax von attachment

Die Syntax dieser Eigenschaft lautet wie folgt:

Hintergrund-attachment: scroll | fixed | initial | inherit

Die folgenden Beispiele zeigen, wie background verwendet wird-attachment Eigenschaft.

body { background-image: url("images/recycle.jpg");background-attachment: fixed;}
Testen Sie es heraus‹/›

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
scrollStandardwert。Das Hintergrundbild bleibt相对于元素本身固定,并在视口中与其包含的元素一起滚动。
fixedDas Hintergrundbild bleibt相对于视口固定,并且不会与元素一起移动。
localDas Hintergrundbild bleibt相对于元素的内容固定:Wenn das Element ein Scrollmechanismus hat, rollt das Hintergrundbild mit dem Inhalt des Elements.
initialSetzen Sie diesen Eigenschaftswert auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element sein background des Elternelements.-Berechneter Wert des attachment-Eigenschafts.

Browserkompatibilität

Hintergrund-Kompatibilität des attachment-Eigenschafts mit Browsern, alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS HintergrundCSS3Hintergrund

Verwandte Eigenschaften:HintergrundHintergrund-colorHintergrund-clipHintergrund-imageHintergrund-originHintergrund-positionHintergrund-repeatHintergrund-size