css属性与tinymce冲突

Question

我正在使用tinymce来制作富文本区域输入，我有一个css样式的下拉菜单（只有CSS，没有javascript）。问题是，下拉菜单与tinymce冲突。 我正在给出问题的快照

这是我的css for my下拉菜单

#menu, #menu ul{
margin:0 90px;
padding:0 10px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#menu a{
display:block;
padding: 5px 15px 5px 15px;
border-top: 1px solid #ffffff;
color:#fff;
text-decoration:none;
 background: #1D2D4F;
 margin-left: 1px;
 white-space: nowrap;
}

#menu a:hover{
background-color:#475A7F;
}

#menu li{
float:left;
position:relative;
width: 150px;
}

#menu ul {
position:absolute;
display:none;
width:11.3em;
margin: 0 -10px;
}

#menu li ul a{
width:11.3em;
height:auto;
float:left;
}

#menu ul ul{
top:auto;
}   

#menu li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
display:block;
}
.clear{
    clear:both; !important
    height:0;
    font-size: 1px;
    line-height: 0px;
}

我该如何解决这个问题？

Answer 1

您是否尝试在下拉菜单中添加z-index:100;？ 数字100仅用于测试，您可以稍后将其更改为其他数字。