如何強制顯示div

Question

我正在使用backbone.js視圖。

我有一個可擴展的主干視圖列表，並且在其中有表。 列之一具有dropdown div。

該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>

下拉列表中的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;
}

Answer 1

問題出在父列表div的z索引上。 此父列表div的z索引大於dropdown div的z索引。

所以我只是將dropdown div的z索引減小到小於父列表div。 問題就解決了。

可以得出另一個結論：Mozilla 3D開發人員視圖，不處理z索引。 它只是顯示嵌套的3D視圖。 父div始終在mozilla 3D視圖中顯示在子div的后面，而不管其z索引如何。 如果我在某個地方錯了，請糾正我。