With CSS3 it is now possible to add as many background images layered on top of one another as you need to make the design you want. Previously, in order to layer images you had to either do it in an image editor like Photoshop or put one image in the background and place your layered image right in the HTML with an IMG element.

One of the best things about this CSS3 feature is that it has great support among all modern browsers, with only IE8 (and lower) as the holdout. And because of how you do it, even IE8 will display an image, it just won't display all of them. Learn how to add multiple layered images to your backgrounds with CSS3.

Read the full article: Multiple Backgrounds in CSS3

Other Articles You Might Like

• Fix a Background Image to the Bottom of a Table
• How Can I Create a Watermark on a Web Page?
• Multi-column Layout with CSS3

How many backgrounds at a time do you use? originally appeared on About.com Web Design / HTML on Monday, October 10th, 2011 at 04:10:37.

Permalink | Comment | Email this