Stef Blokdijk Stef Blokdijk - 2 years ago 178
CSS Question

Css first div page full height

How can I make the first page of a one page website full height with a background image like this website?

Answer Source

Looking at the website in the link provided, they have only put the background image on only a specific part of the website (the countdown time). So if you want to follow them, you can put the required area in a wrapper div and then use the css3 background properties.

.wrapper {
    width: 100%;
    height: 100%;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;

If you want the whole page to have a background, then you can just change the .wrapper selector to body.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download