2011-12-28 115 views
5

目前我的導航菜單的下拉部分隱藏在我直接位於其下的javascript滑塊後面。看到問題here。我怎樣才能在滑塊上顯示下拉菜單?隱藏在javascript滑塊後面的下拉菜單

下面是包含相應導航菜單和滑塊的兩個div的一些CSS。

導航菜單:

#nav { 
width:1024px; 
height:20px; 
border-bottom:1px solid #ccc; 
} 

滑塊:

#slider { 
width:1024px; 
height:300px; 
background: #353A33; 
padding-bottom:5px; 
} 

任何想法?

+0

有沒有這樣的事,作爲一個 「PHP下拉菜單」。只有PHP恰好生成的網頁,其中包含菜單。 – 2011-12-28 03:36:37

+0

哈哈,很高興知道!謝謝。 – Nick 2011-12-28 03:37:40

回答

8

嘗試添加z-index.dropdown類:

/* Navigation Style */ 
.dropdown { 
    position:relative; 
    font-family: arial, sans-serif; 
    height:50px; 
    width:100%; 
    font-size:14px; 
    color:#ffffff; 
    background:#353A33; 
    z-index:1000; 
} 
+3

你先生,是個天才!謝謝 – Nick 2011-12-28 03:41:19

1

使用 位置:絕對 最高的z-index你的資產淨值