Sifat zIndex Style

Definisi dan penggunaan

zIndex Sifat untuk menetapkan atau mengembalikan susunan lapisan elemen yang ditempatkan.

Elemen dengan susunan lapisan yang lebih tinggi (1) selalu berada di depan elemen lain dengan susunan lapisan yang rendah (0).

Petikan:Elemen yang ditempatkan adalah Sifat position Ditetapkan:relative,absolute atau fixed elemen.

Petikan:Sifat ini sangat berkesan untuk mencipta elemen yang berlapisan.

Lihat juga:

Panduan CSS:Pemosisian CSS

Panduan CSS:Sifat zIndex

Contoh

Contoh 1

Ubah susunan lapisan elemen <img>:

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

Cuba sendiri

Contoh 2

Ubah nilai sifat z-index elemen <div>:

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

Cuba sendiri

Contoh 3

Balikkan nilai sifat z-index elemen <img>:

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

Cuba sendiri

Sintaks

Balikkan sifat zIndex:

object.style.zIndex

Tetapkan sifat zIndex:

object.style.zIndex = "auto|number|initial|inherit"

Nilai sifat

Nilai Penerangan
auto Perisytiharan penggunaan: Penentu susunan lapisan elemen pereksa (berdasarkan urutan dalam dokumen). Lalai.
number Integer untuk menentukan susunan lapisan elemen. Memungkinkan nilai negatif.
initial Tetapkan sifat ini kepada nilai lalai. Lihat initial.
inherit Mewarisi sifat ini daripada elemen induknya. Lihat inherit.

Perincian teknikal

Nilai lalai: auto
Hasil balik: String, menunjukkan susunan lapisan elemen.
Versi CSS: CSS2

Dukungan pereka

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan