پیشنهاد دوره:

ویژگی Style zIndex

تعریف و استفاده zIndex

ویژگی برای تنظیم یا واپسی ترتیب چینش عنصرهای قرار داده شده قرار داده شده است.

نکته:عناصر که دارای ترتیب چینش بالاتر (1) هستند همیشه در جلوی عناصر دیگری با ترتیب چینش پایین‌تر (0) قرار می‌گیرند. ویژگی position تنظیم شده به:رلئیتیو،آبزاری یا فیكسد عناصر.

نکته:این ویژگی برای ایجاد عناصر برخوردی بسیار مفید است.

لطفاً به

آموزش CSS:موقع CSS

دستورالعمل CSS:ویژگی zIndex

مثال

مثال 1

تغییر ترتیب چینش عنصر <img>:

document.getElementById("img1").style.zIndex = "1";

آزمایش کنید

مثال 2

تغییر مقادیر ویژگی z-index عنصر <div>:

document.getElementById("myDIV").style.zIndex = "-1";

آزمایش کنید

مثال 3

واپسی مقادیر ویژگی z-index عناصر <img>:

alert(document.getElementById("img1").style.zIndex);

آزمایش کنید

نوع

واپسی ویژگی zIndex:

آبجکت.style.zIndex

تنظیم ویژگی zIndex:

آبجکت.style.zIndex = "اینریچ|اعداد صحیح|اینریچ|اینریچ"

مقادیر ویژگی

جزئیات فنی

دعم المتصفحات

ادوات

مرجع JavaScript و HTML DOM

مثال JavaScript

اختبار JavaScript

دروس JavaScript

روابط الممولين