You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Multiple Background<br />
حال میخواهیم با ادغام دستورات قبلی چندین تصویر را همزمان باالی همدیگر قرار دهیم و در<br />
پس زمینه صفحه خود قرار دهیم شما میتوانید چند تصویر را روی هم قرار بدهید و<br />
چند background<br />
داشته باشید . برای این کار به مثال زیر توجه نمایید:<br />
مثال: در اینجا ما میخواهیم دو تصویر را روی همدیگر قرار دهیم قسمی که تصویر دوم در زیر<br />
تصویر اول قرار بگیرد.<br />
آموزش کاربردی <strong>CSS</strong>3<br />
توجه داشته باشید در استفاده<br />
و<br />
#sample{<br />
Background-image:url(sheep.png), url(gress.png);<br />
Background-position:center bottom,left top;<br />
Background-repeat:no-repeat, repeat;<br />
}<br />
Background-repeat Background-position هم<br />
باید ترتیب تصاویر<br />
که در<br />
Background-image<br />
تعریف نموده اید مد نظر بگیرید.<br />
حاال نتیجه دستور باال به شکل زیر است.<br />
توجه: در استفاده Multiple background ها شما باید از خالصه نویسی استفاده ننماید و باید هر<br />
خاصیت را به صورت مجزا بنویسید!<br />
مرورگر های که از خاصیت Background<br />
پشتیبانی میکند قرار زیر است:<br />
54<br />
”رسولی” نویسنده: فردوس