Sunday, January 15, 2012

Z-index pada CSS


untuk post yang pertama, sepertinya cocok kalau saya tulis tentang desain web dengan HTML dan CSS, yang menemani saya bekerja sehari-hari :D
Z-index adalah salah satu atribut css yang digunakan untuk menentukan posisi suatu elemen terhadap sumbu z pada sebuah halaman HTML. z-index memiliki konsep yang sama dengan layer pada photoshop. Coba bayangkan halaman HTML sebagai relief yang sedang dipasang di dinding (browser). Relief ini dibuat dari beberapa lapisan tripleks. z-index menentukan lapisan tripleks ini ada di posisi keberapa dari belakang.
Secara default, z-index suatu elemen sama dengan z-index  kontainer/parent dari elemen tersebut. Supaya z-index dapat digunakan, kita harus memberi atribut position terlebih dulu pada elemen tersebut. Position setidaknya ada 3 macam: absolute, relative & fixed.

No comments:

Post a Comment