如何強制顯示一個div

我正在使用backbone.js的意見。如何強制顯示一個div

我有一個可擴展骨幹視圖列表，裏面有表格。其中一列有dropdown div。

該div部分隱藏在另一個視圖的後面。 enter image description here 在上面的圖片中有一個dropdown視圖隱藏在列表視圖的後面。

所以我只是想問如何強制div顯示，而不是重疊。我不想使用固定位置，因爲它會固定所有位置的位置。

要注意的是：使用mozilla開發工具，在3D視圖中，我發現，div視圖位於TOP MOST圖層上。 enter image description here

我加載後的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; 
}

來源

2013-08-02 codeofnode

請提供您的HTML +您擁有的CSS。 – AmazingDreams

可能是溢出：隱藏;問題，但沒有你的HTML和CSS我只是猜測。 –

很難說沒有看到你的HTML/CSS。但正如Patsy issa所說，它可能會溢出：隱藏。或者可能是錯誤的zindex？ – Konstig

的問題是與父列表格的Z指數。此父級列表div的z索引大於z的索引dropdown div。

所以我簡單地減少了dropdown div的z索引，使其小於父列表div。問題就解決了。

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

來源

2013-08-03 05:17:18 codeofnode

如何強制顯示一個div

回答

相關問題