Css 职位<;部门>;最上面
我在页面上有一个区域使用溢出。在这一方面,diva有一些链接和一些隐藏div的内容。单击链接时,将显示隐藏的div。在FF中,div看起来与预期的一样:在IE中,它高于其他所有内容,但是它出现在带有溢出的div内的内容之上,而不是溢出之上。我怎样才能解决这个问题 下面是我的代码示例:Css 职位<;部门>;最上面,css,internet-explorer,Css,Internet Explorer,我在页面上有一个区域使用溢出。在这一方面,diva有一些链接和一些隐藏div的内容。单击链接时,将显示隐藏的div。在FF中,div看起来与预期的一样:在IE中,它高于其他所有内容,但是它出现在带有溢出的div内的内容之上,而不是溢出之上。我怎样才能解决这个问题 下面是我的代码示例: <style> .hiddenDiv { position:absolute; zIndex:9999; width:300px; height:250px; b
<style>
.hiddenDiv {
position:absolute;
zIndex:9999;
width:300px;
height:250px;
background:#fff;
border:1px solid #ccc;
}
</style>
<div style="overflow-y: auto; border: 1px solid #ccc; height: 200px; width: 300px">
some content here
<div class="hiddenDiv" style="display:none">more content here</div>
</div>
希登迪夫先生{
位置:绝对位置;
zIndex:9999;
宽度:300px;
高度:250px;
背景:#fff;
边框:1px实心#ccc;
}
这里有一些内容
这里有更多内容
我认为这是某种特定于IE的问题。尝试添加
margin: 0px;
padding: 0px;
上面的代码表示缩进的div。这意味着您的页面以怪癖模式呈现 您的页面中是否声明了doctype 除非IE处于“怪癖”模式(然后它显示出您描述的行为),否则该示例工作正常:使用:
*{zoom:1;}
虽然不建议使用*
选择器,但请尽量缩小范围。
此外,请考虑<代码> Z-索引< /代码> 不,它不是缩进的,它是隐藏的,当我单击某个元素时,它会变得可见并漂浮在上面。你有链接到工作副本吗?很高兴看到什么是故意的,什么是坏的…不幸的是,该页面是在防火墙后面。。。恐怕我与其他样式有一些冲突。是的,仅此代码有效。我想我和其他风格有些冲突。不知道如何调试。