أحدث البرامج التعليمية وتطوير الشبكة
 

Style zIndex Property

<كائن نمط

مثال

تغيير ترتيب كومة من <img> العنصر:

document.getElementById("img1").style.zIndex = "1";
انها محاولة لنفسك »

تعريف والاستخدام

مجموعات الملكية zIndex أو ترجع أجل كومة من عنصر وضعه.

عنصر مع قدر أكبر من النظام كومة (1) هو دائما أمام عنصر آخر مع انخفاض أجل كومة (0) .

Tip: ثمة عنصر وضع عنصر مع مجموعة الخاصية يمكنها من: قريب، مطلقة، أو ثابتة.

Tip: هذه الخاصية مفيدة إذا كنت ترغب في إنشاء عناصر متداخلة.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية zIndex في جميع المتصفحات الرئيسية.


بناء الجملة

إعادة الممتلكات zIndex:

object .style.zIndex

تعيين الخاصية zIndex:

object .style.zIndex="auto| قيم الممتلكات
القيمة وصف
auto المتصفح يحدد ترتيب كومة من العنصر (على أساس أمرها في الوثيقة). هذا هو الافتراضي
number عدد صحيح يحدد ترتيب كومة من العنصر. يسمح القيم السلبية
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: تلقاءي
قيمة الإرجاع: A سلسلة تمثل أجل كومة من عنصر
صفحة CSS CSS2

مزيد من الأمثلة

مثال

تغيير قيمة الخاصية ض مؤشر ل <div> العنصر:

document.getElementById("myDIV").style.zIndex = "-1";
انها محاولة لنفسك »

مثال

إرجاع قيمة الممتلكات ض مؤشر ل <img> العنصر:

alert(document.getElementById("img1").style.zIndex);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS لتحديد المواقع

CSS المرجع z-index property


<كائن نمط