استفاده از چند پس زمینه در یک المان با استفاده از css

یکی از ویژگی های CSS3 امکان استفاده از چند پس زمینه بطور همزمان در یک المان هست.

کد:

---

#box5 blockquote{
background:url(bg1.jpg) no-repeat 0 0, url(bg2.jpg) no-repeat 100% 0;
}

---

البته در نسخه های IE المان های چند پس زمینه ای رندر نمی شوند و باید از یک پس زمینه استفاده بشه. برای این کار از نمونه کد زیر کمک بگیرید :
IE hack by Paul McCarthy

کد:

---

#box5 blockquote {
/* For all browsers, just an open quote */
background: url(bgfull.jpg) 0 0 no-repeat;
padding: 0 20px;
}

 body:last-child #box5 blockquote{
/* Exclude all IE browsers using :last-child */
/* Then the two images */
background: url(bg1.jpg) no-repeat 0 0, url(bg2.jpg) no-repeat 100% 0;
}

---