2012-02-17 199 views
4

我使用tinymce來製作富文本區域輸入,並且我有一個css樣式的下拉菜單(僅css,no javascript)。問題是,下拉菜單與tinymce衝突。 我給這個問題 enter image description herecss屬性與tinymce衝突

這裏的快照我的CSS我的下拉菜單

#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; 
} 

如何解決這個問題?

回答

4

您是否嘗試在下拉菜單中添加z-index:100;
數字100僅用於測試,您可以稍後將其更改爲另一個數字。

+0

非常感謝。我已經得到它,它工作正常。非常感謝 :) – Shabib 2012-02-17 08:26:34