-
March 10th, 2017, 13:50
#1
عضو انجمن
استفاده از چند پس زمینه در یک المان با استفاده از 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;
}
طراحی قالب وب سایت
PSD/HTML/Wordpress
طراحی بنر گیف، لوگو، پوستر و ...
-
-
March 10th, 2017 13:50
# ADS