2011-04-05 17 views
0

我遇到了一些问题,我的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; 
} 
+0

您使用IE 7 :)对不起,我不得不。什么是你的文档类型(在怪癖模式)? – SQLMason 2011-04-05 20:54:21

+0

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

回答

1

要知道HTML是必不可少的解决您的问题。

什么是包含您的弹出窗口的html?它是否与身体标签或其他元素相关?包含元素position: relative;

尝试设置含有元素的z索引和位置:

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

参见this SO post约绝对定位。

请注意,请查看​​,它修复了许多IE浏览器问题,其中包括 - AFAIK - 此错误。

+0

好吧,我认为可能导致问题的部分原因。包括弹出窗口的整个左侧面板都位于一个ascx文件中。所以当它呈现页面时,它将所有这些放在一起。但由于某种原因,它并不认为它在同一个堆栈元素中。 – atrljoe 2011-04-06 12:23:35

+0

没有真正看到完整的页面源代码,调试起来非常困难。我们可以在黑暗中开枪寻找答案,但可能因错误而被改变。 – SQLMason 2011-04-06 12:33:11