2011-01-26 16 views
0

良い日々。次のスタイルでdivの内側に配置:CSS - IE 7のZインデックスの問題

background-image: url("/whatever.png"); 
height: 80px; 
position: relative; 
top: 60px; 
width: 100%; 

(ドロップダウン)が表示されますDIVがいる:

:私は、ドロップダウンメニュー(それが表示されます検索バー上のonclickイベントでなし表示と実際のdivを)持っています

enter image description here

: 今
background: none repeat scroll 0 0 #FFFFFF; 
border: 1px solid; 
height: 185px; 
left: 140px; 
padding-top: 3px; 
position: absolute; 
top: 25px; 
width: 134px; 
z-index: 25; 

が...ここでの問題である(また、私はあまりにもそのことについて申し訳ありませんオンラインコピーを提供することができないことについて申し訳ありませんいくつかの要素を隠す必要がありました)相対及びフロート:左、何

top: 140px; 
width: 100%; 

青いバーは、(位置と2つの他のdivの内側に配置DIVである:3210

赤い線は、スタイルと、ドロップダウンの容器と同じレベルであるDIV else)は次のとおりです。

background: url("blue.png") repeat scroll 0 0 #00FF00; 
color: #FFFFFF; 
float: left; 
font-size: 12px; 
font-weight: bold; 
height: 22px; 
margin-top: 20px; 
padding-top: 5px; 
position: relative; 
text-align: center; 
text-transform: uppercase; 
width: 210px; 

これはIE 7および6でのみ発生します。他のすべてのブラウザでは問題ありません。どんな助けもありがとう。

答えて

2

z-index: 50;を親(コンテナ)divに追加します。

+0

私はすでにそれを試みました...それは動作していません。つまり、赤いラインの問題を解決します...しかし、青いバーはまだ上にあります。 – zozo

+0

青いバーがドロップダウンしているはずですか? – Chris

+0

もちろんありません:) – zozo

関連する問題