2012-02-17 7 views
4

リッチテキストエリアの入力にtinymceを使用していますが、CSSスタイルのドロップダウンメニュー(CSSのみ、JavaScriptはありません)があります。問題は、ドロップダウンメニューがtinymceと競合していることです。 は、私がここでの問題 enter image description herecssプロパティがtinymceと競合しています

のスナップショットを与えている私は、この問題を修正すればよいか、メニュー

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

ダウン私のドロップのための私のCSSのですか?

答えて

4

ドロップダウンメニューにz-index:100;を追加しようとしましたか?
数字100はテストのためだけのもので、後で別の番号に変更することができます。

+0

ありがとうございます。私は今それを持っており、それは正常に動作しています。どうもありがとう :) – Shabib

関連する問題