1

タイトルを思いついたのは難しいタイトルでした。モーダルウィンドウの上に表示されるTwitterブートストラップオーバーレイに問題があります。以下のhtmlで問題を説明できます。jsfiddleも提供しました。

<div style="position: relative; z-index: 1;">
    <div style="background: blue; position: fixed; z-index: 3;">
    </div>
</div>
<div style="background: green; position: fixed; z-index: 2; top: 0">
</div>​

青いdivを緑のdivの上に表示するにはどうすればよいですか？なぜ緑のdivが青いdivの上にあるのですか？

4

1 に答える 1

4

こんにちは今このデモに慣れていますhttp://jsfiddle.net/rohitazad/UnTvQ/5/

トップdivを定義するz-index

<div style="position: relative; z-index: 3;">
    <div style="background: blue; position: fixed;">
    </div>
</div>
<div style="background: green; position: fixed; z-index: 2; top: 20px; left:10px;">
</div>

ライブデモ

作業方法 の詳細については、 こちらz-indexのリンクをご覧ください

于 2012-10-12T04:44:29.073 に答える