DIV隱藏在另一個DIV的Web用戶控件中

我遇到了一些問題，我的DIV不會顯示在其中有Web用戶控件的DIV上。下面你可以找到我的CSS。我相信我做的一切都是正確的，希望有人可以看到我犯下的錯誤，並幫助我。如果您需要其他代碼，請告訴我。我也懷疑它只是IE渲染錯了嗎？感謝您的期待。DIV隱藏在另一個DIV的Web用戶控件中

enter image description here

的彈出CSS：

{ 
    background: #ececec; 
    position:absolute; 
    top: 236px; 
    left: 201px; 
    height: auto; 
    width: 280px; 
    border: solid 1px gray; 
    z-index: 50; 
    text-align:left; 
    padding-left: 5px; 
    padding-top: 5px; 
    padding-bottom: 15px; 
    font-size: 8pt; 
}

的活動DIV（同上只是改變了位置的DIV）

{ 
    border: solid 2px #A9C5EB; 
    position: absolute; 
    top: 353px; 
    left: 290px; 
    width: 710px; 
    height: 227px; 
    font-size: small; 
    overflow: scroll; 
    overflow-x: hidden; 
    background-color: #F8FBFE; 
    z-index: 2; 
}

來源

2011-04-05 atrljoe

您使用IE 7 :)對不起，我不得不。什麼是你的文檔類型（在怪癖模式）？ – SQLMason 2011-04-05 20:54:21

@DanAndrews - // W3C // DTD XHTML 1.0 Transitional // EN – atrljoe 2011-04-06 12:05:43

要知道HTML是必不可少的解決您的問題。

什麼是包含您的彈出窗口的html？它是否與身體標籤或其他元素相關？包含元素position: relative;？

嘗試設置含有元素的z索引和位置：

#my-container { 
    position: relative; 
    z-index: 1; 
}

參見this SO post約絕對定位。

請注意，請查看，它修復了許多IE瀏覽器問題，其中包括 - AFAIK - 此錯誤。

來源

2011-04-05 23:49:56

好吧，我認爲可能導致問題的部分原因。包括彈出窗口的整個左側面板都位於一個ascx文件中。所以當它呈現頁面時，它將所有這些放在一起。但由於某種原因，它並不認爲它在同一個堆棧元素中。 – atrljoe 2011-04-06 12:23:35

沒有真正看到完整的頁面源代碼，調試起來非常困難。我們可以在黑暗中開槍尋找答案，但可能因錯誤而被改變。 – SQLMason 2011-04-06 12:33:11

DIV隱藏在另一個DIV的Web用戶控件中

回答

相關問題