Stijl backgroundAttachment Property
Voorbeeld
Stel een achtergrondafbeelding in om te corrigeren (scrollt niet):
document.body.style.backgroundAttachment = "fixed";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap backgroundAttachment bepaalt of retourneert of een achtergrondafbeelding met de inhoud moet schuiven of moet worden gecorrigeerd.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
backgroundAttachment | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxis
Retourneer de eigenschap backgroundAttachment:
object.style.backgroundAttachment
Stel de eigenschap backgroundAttachment in:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
scroll | The background scrolls along with the element. This is default |
fixed | The background is fixed with regard to the viewport |
local | The background scrolls along with the element's contents |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | rol |
---|---|
Winstwaarde: | Een tekenreeks die aangeeft hoe de achtergrondafbeelding is gekoppeld aan het object in het document |
CSS-versie | CSS1 |
Meer voorbeelden
Voorbeeld
Kies tussen scroll en local op een DIV-element:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Voorbeeld
Wissel tussen scrollen en vast:
var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
Voorbeeld
Retourneer de waarde van de eigenschap background-attachment:
alert(document.body.style.backgroundAttachment);
Gerelateerde pagina's
CSS-zelfstudie: CSS-achtergrond
CSS-referentie: eigenschap background-attachment
HTML DOM-referentie: achtergrondeigenschap