2013-05-19 52 views
2

我正在使用來自http://www.slidesjs.com/的SlideJs插件。如何將SlideJs的z-index設置爲低於下拉菜單的z-index

我正面臨z-index問題。

You can see example code from http://jsfiddle.net/wnTPS/ 

SlideJs-slideshow低於下拉菜單。當我懸停菜單,然後下拉菜單隱藏在幻燈片後面。我試圖給下拉菜單最高的Z指數,但問題不能被重新激活。

請告訴我解決此問題的最佳解決方案。

感謝

+0

我可以說的唯一的事情就是z-index只適用於定位元素。否則,如果沒有看到你的代碼,我什麼都做不了。 –

+0

好的,我在jsfiddle上添加了我的代碼 請從以下鏈接查看:http://jsfiddle.net/wnTPS/ –

回答

4

http://jsfiddle.net/wnTPS/3/

我認爲應該解決這個問題。我給出了相對ID索引位置和z索引0,並且我給出了索引ID爲1的z索引。請注意,z索引僅適用於定位元素。最高的指數將出現在最上面。

#menu{ 
    width:1024px; 
    height:50px; 
    position:relative; 
    border:1px solid; 
    z-index: 1; 
} 
#menu li{display:inline; height:20px; display:block; float:left; overflow:hidden; } 

#menu li:hover{overflow:visible;} 
#menu li ul li{float:none;} 
#menu li a{display:inline-block; width:100px} 
#slides 
{ 
    position: relative; 
    z-index: 0; 
}