How can you use multiple images in the background?

Question

What will be an ideal response?

Answer 1

CSS3 offers the capability of layering multiple images in the background of an element. This feature is supported by all modern browsers. The style rules for the background let you position and control the repeat properties for multiple images, with each value separated by commas. The first image on the following list is in the front or foreground, closest to the user, with successive values in order behind. This principle applies to all of the rule values. In other words, for the background-position property, the 100px 40px value affects the image closest to the user, which is balloon_art_trans.png.body {
background-image: url(balloon_art_trans.png),
url(clouds-and-sky.jpg);
background-repeat: no-repeat, no-repeat;
background-position: 100px 40px, top left;
}