Cara Mengatasi Submenu yang Terhalang Image Slider Cara Mengatasi Submenu yang Terhalang Image Slider
Cara Mengatasi Dropdown Menu, Submenu, atau Link Menu yang Terhalang Image Slider atau Konten.

POSTING cara mengatasi menu, submenu, atau dropdown sajian yang terhalang, tertutup, atau "tertindih" Slider Image, Flash, atau Featured Post Slideshow ini terinspirasi pertanyaan seorang blogger yang tidak dijawab oleh admin blogger yang dikomentarinya.

Pertanyaannya begini: "Saya telah mencoba dan berhasil (membuat featured post slider di homepage blog), tetapi submenunya jadi terhalang. Bagaimana ya cara mengatasinya?"

Tidak ada jawaban, mungkin sang admin sibuk banget atau tidak sempat membaca komentar tersebut.

Dropdown sajian tertutup slideshow biasanya terjadi dikala kita memasang sendiri slider tersebut, bukan bawaan template yang digunakan.

Kalau kita Googling, minim sekali posting soal ini. Mungkin juga alasannya ialah tidak banyak kasusnya, alasannya ialah memang slider image itu tidak anggun buat SEO blog.

Mengatasi Navigasi Menu Terhalang Slider (Dropdown Menu Behind Slideshow)

Setelah "mengintip" atau mempelajari beberapa template blog yang Slider atau Featured Post Slideshow-nya yang normal, tidak menghalangi submenu/dropmenu, maka dipastikan penyebabnya ialah duduk masalah css, yaitu properti z-index.

Di lembaga Stack Over Flow, solusinya juga yaitu dengan menambahkan z-index, yakni z-index: 999 di CSS Menu yang terhalang/tertindih Slider. Misalnya, #menu {z-index:9999;}

Ini beliau referensi lengkap CSS Menu supaya tidak terhalang Slider:

#nav ul { /* submenu */
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
z-index:9999;}
#nav ul li {
width:100px;
float:left;
z-index:9999;border-top:1px solid #fff;
}

Menurut para pakar pemrogragam, z-index ialah property CSS yang fungsinya untuk mengatur posisi depan atau belakang suatu elemen.

Demikian Cara Mengatasi Submenu yang Terhalang Image Slider. Semoga bermanfaat dan semoga Anda tidak mengalaminya. Good Luck & Happy Blogging! (www.idtutorial.com).*

Anda punya solusi paling jitu? Please share and leave a comment!

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours