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