در مطالب قبلی در مورد قرار دادن تصویر پس زمینه در صفحات وب با استفاده از CSS3 نکاتی را به صورت مقدماتی بررسی کردیم.در این آموزش قصد دارم تا یکی از خاصیت هایی که در این زمینه کاربرد دارد را برای شما تشریح کنیم.
تعیین چند عکس به عنوان پس زمینه عنصر :
در بخش آموزش پس زمینه در CSS 2 ، که قبلا در همین سایت بدان اشاره کرده ایم ، با نحوه تعیین یک عکس به عنوان پس زمینه یک عنصر آشنا شدید . در CSS 2 شما می توانید فقط یک عکس را به عنوان پس زمینه برای عناصر تعیین کنید . اما این کار در CSS 3 ، تغییر کرده است .
در CSS 3 ، شما می توانید ۲ یا چندین عکس را به صورت همزمان به عنوان پس زمینه یک عنصر تعیین کرده و مرورگر تمام عکس ها را نمایش خواهد داد .
برای این منظور کافی است آدرس عکس هایی که می خواهید به عنوان پس زمینه یک عنصر قرار دهید ، را به ترتیب در خاصیت backgroun-image عنصر تعیین نمایید .
شکل کلی استفاده از این خاصیت به صورت زیر است :
; ( آدرس عکس ۱ ) , url ( آدرس عکس ۲ ) , url ( آدرس عکس ۳ ) background-image : url
;(background-image:url ( Pic/1.jpg ) , url ( Pic/2.jpg :مثال
پشتیانی در مرورگر های مختلف :
این خاصیت در تمام نسخه های جدید مرورگرهای مطرح به جزء مرورگر معظم اینترنت اکسپلورر پشتیانی می شود .
