Bakgrunnsbilde som ikke scroller – DW

Mange har spurt meg hvordan de legger et bakgrunnsbilde i Dreamweaver som ikke scroller. Det er enkelt, man skriver det i koden på «body-tag’en.

Slik går du frem

Åpne stilarket (CSS) der du lagrer alle hovedkodene
1. Sett inn bakgrunnsbildet
2. Sett «background-repeat» til «no-repeat»
3. Sett «background-attachment» til «fixed». Denne innstillingen gjør at bildet ikke scroller.

bgScroll_code

NB! Bildet bør være minst 2000 piksler i bredde og ca 1100 piksler i høyde for å unngå at det kommer et hvitt felt rundt bildet på skjermer med høy oppløsning.

Slik blir resultatet

Klikk på bildene for større visning.

bgScroll_page1

 

Som bildet viser er det scrollet for å lese innholdet lenger ned på siden. Bakgrunnsbildet flytter seg ikke.
bgScroll_page2