多級菜單的問題

Question

我在頁面上有一個下拉菜單，但有一些問題，即當下拉菜單出現並移動到某個限制時，它將消失，如圖所示。

1）當如圖形象和向下移動到黑色漿果的工作，但是當我移動鼠標指針到棕櫚菜單消失下拉出現移動應用程序開發。
css代碼是

/* menu styles */
 

nav, #nav ul{
 

margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; }
 

nav a{
 

display:block; padding:0px 5px; border:1px solid #333; color:#fff; text-decoration:none; text-align: center; background-color:#333; width:80px; }
 

nav a:hover{
 

background-color:#fff; color:#333; }
 

nav li{
 

float:left; position:relative; border-right: 1px solid white; }
 

nav ul {
 

position:absolute; display:none; width:12em; top:1.5em; }
 

nav li ul a{
 

width:12em; height:auto; float:left; }
 

nav ul ul{
 

top:auto; }
 

nav li ul ul {
 

left:12em; margin:0px 0 0 10px; }
 

nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
 

display:none; }
 

nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
 

display:block; } 

我應該怎麼做在CSS中，這樣我的菜單將出現在我的其他股利。

Answer 1

嘗試在你的CSS中指定的z-index：

z-index : 100;