0

مرجع CSS

 
parisaexp
parisaexp
کاربر نقره ای
تاریخ عضویت : مهر 1392 
تعداد پست ها : 888
محل سکونت : اصفهان

پاسخ به:مرجع CSS
سه شنبه 11 آذر 1393  2:18 AM

خصوصیت z-index

مثال

در مثال زیر، خصوصیت z-index برای تصویر تنظیم شده است:

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
خودتان امتحان کنید »

تعریف و کاربرد

خصوصيت z-index ترتيب عناصر را مشخص مي کند (کدام عنصر بايد جلو يا پشت ديگر عناصر باشد)

يک عنصر با z-index بزرگتر هميشه جلوتر از عنصري با z-index کوچکتر قرار مي گيرد. 

توجه: خصوصیت z-index فقط در مواقعی کار می کند که عنصر با استفاده از خصوصیت position مکان دهی شده باشد.

مقدار پیشفرض auto
ارث بری خیر
نسخه CSS2
JavaScript ساختار object.style.zIndex="1"

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت z-index را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.


مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
auto ترتیب عنصر معادل ترتیب والدش قرار می گیرد. این مقدار پیش فرض است. نمایش دادن »
number ترتیب عنصر معادل عدد مشخص شده، تنظیم می شود. مقادیر منفی نیز قابل قبول است. نمایش دادن »
inherit  تعيين مي کند که بايد از والدش، ارث بري داشته باشد.  
 

 

لِکُلِّ شَیْ‏ءٍ زَکَاةٌ وَ زَکَاةُ الْعَقْلِ احْتِمَالُ الْجُهَّال‏

برای هر چیزی زکاتیست و زکات عقل تحمّل نادانان است.

تشکرات از این پست
دسترسی سریع به انجمن ها