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

Namn
Kom ihåg mig?

Mail


Blogg/hemsida


Kommentar


Trackback