background-attachment

In de serie artikelen op zondag komen we toe aan het CSS element background-attachment. Met background-attachment kun je een achtergrond laten meescrollen met de content, maar je kunt het ook vastzetten. Daarvoor wordt dit element het meest gebruikt.

De waarden van background-attachment
Background-attachment heeft drie waarden. Ten eerste de overerving(inherit), waarbij dus uitgegaan wordt van een eerdere waardebepaling. Daarnaast is er scroll, waarbij de achtergrond met de inhoud mee scrolt. Tenslotte fixed, waarbij je de achtergrond vastzet, en als je naar beneden scrolt, de achtergrond dus op dezelfde plaats blijft staan.

Standaardinstelling
De standaardinstelling voor background-attachment is scroll.

Voorbeelden

body {background-attachment: scroll;}
div.vast {background-attachment: fixed;}

Overigens gebruik je background-attachment altijd in combinatie met andere background waardes zoals ‘background-image‘.

Alle CSS elementen