Background "Cover" Code

[Mimi58]

In the first Skin Code Example thread, I used code to make a background image cover the page as the size of the window changes. This part of the code calls in the background image:

  background: #00011F url(DIRECT_LINK_TO_BACKGROUND_IMAGE) no-repeat center center fixed;

However, this part of the code will change the size of the background as the window changes size:

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

You need all of those lines because some of the code works with some browsers and some of the code works with other browsers

The images I use are usually around 1200px wide. Try it out and let us know what you think.

Have fun!