[Browser yang berpartisipasi dalam pengujian: IE6/IE7/IE8/FF3/OP9.6/SF3/Chrome2]
[Sistem operasi: Windows]
Tampaknya banyak siswa yang terobsesi dengan masalah mengapa div ini ada di lapisan atas dan div itu ada di lapisan bawah, dan tidak peduli bagaimana mereka mengatur indeks-z, mereka tidak bisa berada di atas diare, mual dan susah tidur, hingga akhirnya depresi, sehingga tidak berani menggunakan lapisan pelapis sesuka hati. Namun efek superposisi lapisan sering muncul dalam desain interaksi, jadi kita harus mengendalikannya, kita harus menguasai hukumnya.
Pertama, perjelas beberapa konsep yang perlu digunakan dalam artikel:
1. Pemosisian statis: position:static (nilai default atribut position).
2. Pemosisian dinamis: posisi:relatif atau posisi:mutlak atau posisi:tetap.
3. Unsur leluhur: unsur apa pun yang mengandung unsur ini.
4. Elemen induk: elemen leluhur yang langsung memuat elemen tersebut.
5. Elemen saudara: elemen yang memiliki elemen induk yang sama.
[Catatan] Konsep-konsep ini disesuaikan oleh penulis dan hanya digunakan dalam artikel ini.
Elemen rekan adalah kata yang sangat penting dan perlu dijelaskan secara rinci di sini.
| Berikut isi kutipannya: <div> <div></div> <div id="a"></div> <div></div> <div></div> <div></div> <div></div> </div> <divid='f'> <div></div> <div id="b"></div> <div id="c"></div> <div></div> <div></div> <div></div> </div> |
Dalam contoh ini, div#a dan div#b bukan "elemen saudara". Hanya elemen seperti div#b dan div#c yang memiliki div#f induk yang sama yang dapat disebut "elemen saudara".