隠しコンテンツを展開するとIEで絶対Z-インデックスの問題が発生する

ブロック（div）の位置に問題があります。私はCSSの初心者です、助けてください。隠しコンテンツを展開するとIEで絶対Z-インデックスの問題が発生する

私はこのコードを持っています：http://jsfiddle.net/9rEmt/（そこを見てください）は、IEでオンラインで見ることができます。

私はポジショニングでabsoulteを入れた場合は、問題が表示されます（あなたがIEの新しいバージョンを持っている場合は、互換モードを選択してください）

enter image description here

の代わりに、（互換モードなしで、単にIE9で）：

enter image description here

どこに問題がありますか？この問題を解決するには？

は、親要素が自分自身を配置する必要がE別の要素に要素を位置決めするためにIEで非常に多くの

2012-03-20 Snake Eyes

興味サイドノート：このチェックボックスをオンにし、それが正しく表示されますチェックを外します。おそらくディスプレイからの問題：IEの隠しディスプレイ：ブロック？ – Snuffleupagus

その他の提案？ –

、ありがとうございました。

あなたのスタイルシートにこれを追加しよう：また

#item { 
    position: relative; 
    top: 0px; 
    left: 0px; 
}

、itemsがitemに対して配置することが可能となるように、itemのdivにitemsのdivを移動します。

2012-03-20 16:15:44

上記の書き込みをテストしましたか？動作しません。私は#itemsではなく#itemsを '相対的に '持たなければなりません。 #itemsは隠され、 'Select'テキストの下に置かなければなりません。さらに、ボックスをクリックすると隠れ要素が表示され、下のテキストが下に移動します。 –

私はあなたが絶対的な＃項目を持っていなければならないと思った。もしそうならdivを含むdivが配置されていなければ、それを含んでいるdiv内の何かを絶対にすることはできません。 #item、相対位置#itemを#itemに置き、#itemの絶対位置は#item div内で有効になります。 –

ここに私が考えていたことがあります：http://jsfiddle.net/U92jm/あなたはあなたが望む方法を見てそれを得るためにあなたのスタイルを調整する必要があります。 –

答えて