Pengawalan Susunan Aturan Elemen pada Paksi Z dalam CSS

Susunan aturan elemen boleh dikawal menggunakan sifat z-index, yang menerima nilai integer positif atau negatif, atau sifar. Sifat ini hanya berfungsi untuk elemen yang nilai position-nya ditentukan sebagai absolute, fixed atau relative.

Apabila menggunakan sifat ini, peraturan susunan aturan elemen adalah seperti berikut: elemen yang akan berada di atas ialah elemen yang nilai z-index-nya lebih besar.

Mari kita ubah susunan aturan elemen dari contoh sebelumnya. Untuk melakukan ini, tetapkan z-index untuk elemen pertama lebih besar daripada elemen kedua, contohnya, seperti berikut:

css#elem1 {
  z-index: 2;
}
#elem2 {
  z-index: 1;
}

Keputusan pelaksanaan kod: