2

ビューを使用してbackbone.jsいます。

拡張可能なバックボーン ビューのリストがあり、その中にテーブルがあります。列の1つにdropdowndivがあります。

この div は、別のビューの背後に部分的に隠されます。ここに画像の説明を入力 上の図ではdropdown、リスト ビューの背後にビューが隠されています。

だから、divを強制的に表示する方法を尋ねたいだけです。すべての位置の位置を固定するため、固定位置を使用したくありません。

注意してください:mozilla開発者ツールを使用して、私が見つけた3Dビューで、divビューはTOP MOSTレイヤーにあります。 ここに画像の説明を入力

ブラウザにロードした後の私のhtml:

 <div class="dropdown open" >
<ul class="dropdown-menu" role="menu">
    <li><div class="menuitem"><label class="checkbox"><input type="checkbox" value="res" style="opacity: 0.0; position: absolute; left: -9999px">Response</label></div></li>
    <li><div class="menuitem"><label class="checkbox"><input type="checkbox" value="req" style="opacity: 0.0; position: absolute; left: -9999px">Request</label></div></li>
    </ul>
    </div>

ドロップダウン div の css:

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: white;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
4

1 に答える 1

0

問題は、親リスト div の z インデックスにありました。この親リスト div の z インデックスは、div の z インデックスを超えていましたdropdown

したがって、divのzインデックスをdropdown親リストのdivよりも小さくしました。問題は解決しました。

Mozilla 3D 開発者ビューは、z インデックスを扱っていません。ネストされた 3D ビューを表示するだけです。親 div は、z インデックスに関係なく、mozilla 3D ビューで常に子 div の後ろに表示されます。どこか間違っている場合は、親切に修正してください。

于 2013-08-03T05:17:18.437 に答える