Cara Menerapkan sistem Tumpang Tindih pada elemen

Diposting oleh Muhammad Iqbal on Sabtu, 18 Agustus 2012



 
 

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.

Ditulis Oleh : Muhammad Iqbal ~ Turitorial Blog

Anda sedang membaca sebuah artikel yang berjudul Cara Menerapkan sistem Tumpang Tindih pada elemen . Terimakasih atas kunjungannya dan semoga artikel ini dapat bermanfa'at.

:: Thank you for visiting ! ::

Comments
2 Comments

2 komentar:

Bagaimana Pendapat Sobat Semua Tentang Artikel Di Atas???

Untuk menambahkan yahoo emotion pada komentar sobat adalah dengan cara menyertakan kode yahoo emotion diatas pada komentar yang sedang ditulis contohnya kode seperti ini :) yang terdapat di atas kotak komentar ini

Panduan Memberi Komentar
1.Masukan komentar anda
2.Lalu pada kata 'beri komentar sebagai' , pilih account yang anda punya, bagi yang belum mempunyai account pilih Name/url, isi nama anda dan Kosongkan URL atau isi dengan alamat facebook anda(untuk mengetahui alamat facebook anda silahkan login ke facebook dan pilih profile anda, anda dapat melihat alamat Facebook anda di atas, contoh alamat Facebook punya saya http://www.facebook.com/profile.php?id=1823916177
3.dan kemudian Publikasikan
4.Selesai dan anda tinggal menunggu komentar anda muncul
Semoga bermanfa'at.

 
^ Back to Top