Fungsi z-index pada css ini yaitu seperti layer pada photoshop , dimana layer yang paling atas dia yang bisa menumpuk layer yang dibawah , sama seperti hal nya z-index kalau di z-index dimana kita memberikan value dengan nilai tertinggi maka dia akan menempatkan urutan paling atas , okee contoh prakteknya seperti ini :

Sintak HTML :

Z-index pada CSS3

Sintak CSS :

Z-index pada CSS3

Dan bisa dilihat hasilnya , kita bisa ubah tempatnya sesuai z-index dengan nilai yang kita tentukan , selamat mencoba dan semoga bermanfaat 🙂