Contoh
Mengatur z-index untuk gambar:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti z-index menentukan urutan tumpukan elemen.
Sebuah elemen dengan pesanan tumpukan besar selalu di depan sebuah elemen dengan urutan tumpukan yang lebih rendah.
Note: z-index hanya bekerja pada elemen diposisikan (position:absolute, position:relative, or position:fixed) .
| nilai default: | auto |
|---|---|
| mewarisi: | no |
| animatable: | yes. Read about animatable Try it |
| Versi: | CSS2 |
| sintaks JavaScript: | object .style.zIndex="-1" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS Syntax
z-index: auto|number|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| auto | Menetapkan urutan tumpukan sama dengan orang tuanya. Ini adalah default | Mainkan " |
| number | Menetapkan urutan tumpukan elemen. angka negatif diperbolehkan | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS tutorial: CSS Positioning
Referensi HTML DOM: zIndex property