多级菜单的问题

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;