Designtips - Få bakgrunden att ligga stilla
1. Gå till stilmallen och leta upp bodyavsnittet. ( Det behöver inte se ut såhär, men jag tror att det brukar göra det...).
body{
background: #FFF url(...eventuell bakgrundsbildadress...);
background-position: ;
background-attachment: ;
margin: 0px 0px 0px 0px;
2. Klistra in koden nedan...
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
...så att det se ut så här!
body{
background: #FFF url(...eventuell bakgrundsbildadress...);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-position: ;
background-attachment: ;
margin: 0px 0px 0px 0px;
background-repeat:
no-repeat (ingen upprepning av bakgrundsbilden)
repeat-x (biden repeteras åt höger men inte nedåt)
repeat-y (bilden repeteras nedåt men inte åt höger)
background-position:
center (bakgrundsbilden hamnar i mitten)
top (bakgrundsbilden hamnar högst upp)
left (bakgrundsbilden hamnar till vänster)
right (bakgrundsbilden hamnar till höger)
bottom (bakgrundsbilden hamnar till i bottnen)
background-attachment:
Anger hur vi vill att bilden ska vara, alltså fixerad, så den behövs inte ändras på;)
Kommentarer
Trackback