Cara Menerapkan sistem Tumpang Tindih pada elemen

 

 

Saya sarankan sobat sedikit mengerti mengenai CSS ketika ingin menerapkan cara ini

Kali ini saya membahas mengenai cara Menerapkan sistem Tumpang Tindih pada elemen atau sama saja dengan cara Mengatasi Widget yang posisinya di bawah widget lain. Ini sering terjadi pada widget-widget yang dipasang melayang atau bahasa kerennya position:fixed nah apabila sobat - sobat pernah mengalami hal seperti buku tamu tersembunyi yang ketika melewati widget lain (elemen lain) dan posisinya membawahinya saya punya sosusinya dan sangat mudah sekali. Silahkan simak kode CSS berikut :

z-index:99;

Sudah dilihat kodenya sekarang lihat. Ada dua cara menggunakannya yaitu:

1. Menambahkan kode dibawah dengan nilai besar kedalam CSS widgetnya, apabila widget ingin tampil didepan

z-index:99;

2. Menambahkan kode dibawah dengan nilai kecil kedalam CSS widgetnya, apabila widget ingin tampil dibelakang

z-index:-1;

Jadi intinya posisi akan semakin di depan apabila nilai z-index lebih tinggi dan posisi akan semakin di belakang apabila nilainya lebih kecil dari z-index yang lebih tinggi


Sampai disini materi kita mengenai Cara Menerapkan sistem Tumpang Tindih pada elemen blog, selamat mencoba dan berhasil, Good Luck.