Beispiel
Legen Sie einen Hintergrund-Bild fixiert werden (will not scroll) werden (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die backgroundAttachment Eigenschaftssätze oder gibt zurück, ob ein Hintergrundbild sollte mit dem Inhalt blättern oder fixiert werden.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Bringen Sie die backgroundAttachment Eigenschaft:
object .style.backgroundAttachment
Stellen Sie die backgroundAttachment Eigenschaft:
object .style.backgroundAttachment="scroll|fixed|local|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| scroll | Der Hintergrundbildlauf zusammen mit dem Elemente. Dies ist die Standardeinstellung |
| fixed | Der Hintergrund ist in Bezug auf die Ansichtsfenster festgelegt |
| local | Die Hintergrundrollen zusammen mit dem Element des Inhalts |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | scrollen |
|---|---|
| Rückgabewert: | Ein String, der darstellt, wie das Hintergrundbild auf das Objekt innerhalb des Dokuments angebracht ist, |
| CSS Version | CSS1 |
Mehr Beispiele
Beispiel
Wählen Sie zwischen Schnecke und lokalen auf einem DIV-Elemente:
document.getElementById("myDIV").style.backgroundAttachment = "local"; Versuch es selber " Beispiel
Umschalten zwischen Schnecke und festgelegt:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment=(x=="scroll")? "fixed":"scroll"; Versuch es selber " Beispiel
Gibt den Wert der Eigenschaft background-attachment:
alert(document.body.style.backgroundAttachment); Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS - Referenz: background-attachment property
HTML - DOM - Referenz: background property
<Style - Objekt