En son web geliştirme öğreticiler

×

JavaScript Referans

JavaScript

JS sicim JS Numara JS Operatörler JS tablolar JS Matematik JS tarih JS Dizi JS Boole JS RegExp JS global JS dönüştürme

Tarayıcı BOM

Window Navigator Screen History Location

HTML DOM

DOM belge DOM Elementler DOM Nitelikler DOM Olaylar DOM stil

HTML Nesneler

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Diğer Nesneler

CSSStyleDeclaration

Style zIndex Property

Örnek

Bir yığın sırasını değiştirme <img> elemanı:

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

Tanımı ve Kullanımı

zIndex özelliği, ayarlar veya yerleştirilmiş bir öğenin yığın sırasını döndürür.

Daha yığın düzenine sahip bir eleman (1) daha düşük bir istif için olan başka bir elemanın önünde her zaman (0) .

Tip: göreli, kesin veya sabit A yerleştirilmiş elemanının konumu özellik kümesi ile bir elementtir.

Tip: Eğer çakışan öğeleri oluşturmak istiyorsanız bu özellik kullanışlıdır.

Tarayıcı Desteği

zIndex özelliği tüm büyük tarayıcılarda desteklenir.

Sözdizimi

zIndex özelliğini Dönüş:

object .style.zIndex

zIndex özelliğini ayarlayın:

object .style.zIndex="auto| Mülkiyet Değerler

değer	Açıklama
auto	Tarayıcı (belgede kendi sıraya göre) öğesinin grup sırasını belirler. Bu varsayılan
number	öğesinin grup sırasını tanımlayan bir tam sayı. Negatif değerler izin verilen
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer:	Oto
Geri dönüş değeri:	Bir elemanın yığın sırasını temsil eden bir String,
CSS Sürüm	CSS2

Diğer Örnekler

Örnek

Bir z-endeksi özelliği değerini değiştirin <div> elemanı:

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

Örnek

Bir z-index özellik değerini döndürür <img> elemanı:

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

İlgili Sayfalar

CSS öğretici: CSS Konumlandırma

CSS referansı: z-index property