绝对定位的div堆叠不正确IE
绝对定位的div堆叠不正确IE
提问于 2012-06-16 01:16:44
我有类似于下面的代码：
<div class="container">
<div class="overlay">
// hover content
</div>
<img/>
</div>
.container{
position:relative;
}
.overlay{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}基本上，当有人在覆盖div上悬停时，就会显示该div的内容。这在所有浏览器中都很有效(当然，IE除外)
在IE中，覆盖div在图像后面，所以悬停不起作用。如果将背景(颜色或图像)放在覆盖div上，它将定位在图像上并工作，但我想避免使用背景。
我也尝试过使用z-index，但没有成功。即使具有更高的z索引，并且在定义的z索引堆栈(用于IE)中，它仍然位于图像后面。
这在所有IE版本6-9中都存在。
有没有人知道这个问题的解决办法/修复方法？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-16 01:21:02
你可以通过一个trick.set将覆盖div的背景修复为一个完全透明的图像(Png)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11055352
复制相关文章
相似问题
腾讯云开发者
