2012-04-18 68 views
0

我創建一個網站,需要顯示彈出菜單和縮略圖滑塊在同一頁面上。彈出菜單覆蓋jQuery的縮略圖滑塊

我使用這種技術在彈出菜單出來: http://designshack.net/articles/pop-out-css-menu/

而且這個插件滑塊: http://manos.malihu.gr/jquery-custom-content-scroller

他們做工精細獨立,但是當我將它們添加到相同的頁面,滑塊與彈出式菜單中的二級菜單項重疊。我試過玩z-index,但沒有幫助。無論如何都有次要項目總是顯示在一切之上?

+0

PS:這裏的頁面看起來像現在: http://chroma-noise.com/joseph/cyrus/窗簾/ tc/2b.html (菜單位於左側,滑塊位於底部的最後一行) 另請注意,使用prettyphoto插件在疊加層中打開縮略圖: http:// www .no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ – 2012-04-18 02:15:10

回答

0

在menu.css在第41行,設置您的z-index這裏:

#menu ul ul ul { 
    position: absolute; 
    top: 0; 
    left: 100%; 
    width: 85%; 
    z-index: 30; 
} 
+0

非常感謝你! – 2012-04-18 02:58:03

+0

沒問題...祝你好運 – 2012-04-18 03:01:43