Multiple background images using CSS?

CSS3 allows web designers to specify multiple background images for box elements, using nothing more than a simple comma-separated list.

Multiple backgrounds are supported by the latest versions of Firefox, Chrome, Safari, and Opera. even IE9 also supported multiple backgrounds.

  #selector {
	background-attachment: scroll,scroll,scroll;
 
	background-image: url(pavan.jpg),url(pavan1.jpg),url(pavan2.jpg);
 
	background-repeat: no-repeat,no-repeat,no-repeat;
 
	background-position: left top,right top,right bottom;
 
    }

#selector {

background-attachment: scroll,scroll,scroll;

background-image: url(pavan.jpg),url(pavan1.jpg),url(pavan2.jpg);

background-repeat: no-repeat,no-repeat,no-repeat;

background-position: left top,right top,right bottom;

}

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from last 7+ years, and its my passion to learn new things and implement them as a practice. Aside from work, I likes gardening and spending time with pets.