background-attachment

css referentieIn 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‘.

In dit tekstblok is een achtergrondplaatje toegevoegd wat vastgezet is. Scroll maar eens… (overigens werkt dit niet in Internet Explorer 4.0 tot en met 6.0. dan werkt alleen fixed als het aan de body is toegevoegd)

Alle CSS elementen

Ik geloof je heus wel!

Je zit echt niet te wachten op weer een saaie nieuwsbrief...
Met allerlei oninteressante informatie.
Maar echt, als je mijn mails probeert, dan beloof ik je te helpen met de zoektocht naar jouw perfecte niche! Zodat jij een website kunt maken rond jouw favoriete onderwerp of idee!
En je krijgt meteen toegang tot mijn gratis downloads. Proberen? Meld je hieronder aan!

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.