Double background-images

This document uses two background images, the repeating clouds-background and the grassy footer. These images are attached to the html- and body-element, respectively.

Some great things to note about this method:

  1. You need less redundant div-elements in your code
  2. Your footer image automatically stays at the bottom of the page, so there's no need for awkward footer-positioning techniques
  3. The easiest method of using images in your HTML is attaching them to the body-element. It provides great flexibility for images that are really "background-images", because of its omnipresent nature. You now have two elements that provide this flexibility.
  4. Using the html-element in your CSS is kind of sexy

Granted; you probably don't want to go through the trouble of creating a transparent grass GIF when you're just going to stuff it underneath your content, but there are certainly some situations in which this technique is going to be very helpful.

Read on for some rubbish

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur vitae lacus. Sed quis elit. Praesent vehicula pretium purus. Suspendisse venenatis euismod magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris fringilla orci sed urna. Praesent tristique suscipit eros. Cras sollicitudin orci viverra orci. Morbi molestie mi eget augue. Pellentesque est orci, bibendum at, condimentum scelerisque, pretium non, leo. Duis a magna. Proin malesuada neque malesuada felis.

Vestibulum ante libero, condimentum id, laoreet sit amet, consequat at, purus. Vestibulum luctus risus vel elit. Mauris blandit velit quis elit. Phasellus nec leo. Curabitur ac mauris. Nulla facilisi. Aenean laoreet molestie lectus. Cras pharetra elit imperdiet augue auctor euismod. Etiam viverra aliquam lorem. Nam risus. Phasellus pellentesque mi a tortor. Nulla suscipit aliquam velit. Suspendisse enim. Donec arcu nulla, luctus ut, tincidunt sollicitudin, aliquet et, eros. Sed ipsum. Suspendisse quam. Cras interdum velit quis ipsum.

Phasellus nec metus ut lacus eleifend pharetra. Sed luctus sem ac orci. Maecenas sit amet nisi et quam vehicula aliquam. Vivamus sed arcu. Aenean eget turpis.