Achtergrond als afbeelding die de volle breedte en volle hoogte pakt

Status
Niet open voor verdere reacties.
J

jorenman

Gebruiker
Lid geworden
27 jul 2013
Berichten
222
Hallo allemaal!

Ik wil een website maken waarbij de volledige hoogte en breedte wordt gepakt door een achtergrond (achtergrond is een afbeelding).
Weet iemand hoe je dit doet met CSS?

Een voorbeeldje:
http://www.pijnpleisters.info/


Met vriendelijke groeten,

Joren
 
Parralax Scrolling

Het soort website dat ze op: http://www.pijnpleisters.info/ gebruiken is Parralax Scrolling, hier zijn hele handige tools voor te vinden om zo'n soort website te maken, maar als je echt specifiek alleen de achtergrond verspreid wilt over de hele breedte en hoogte dan zou ik dit gebruiken:
HTML: 
background-image: url(img/image.png;
background-repeat: no-repeat;
background-size: cover;

Als je dit op de body toevoegd zal het bij de hele pagina zo blijven, je kan natuurlijk dit ook op een div toevoegen met een breedte en hoogte van 100%, zodat als je naar beneden scrollt de achtergrond blijft staan en niet mee gaat.
 
Of wat meer cross-browser
Code: 
  background: no-repeat center #fff;
  background-image: url('achtergrondplaatje.png');
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;

Suc6. Have fun.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan