绝对定位元素裁剪,如果位置在其父项IE7之外

Question

你好

我试图定位一个元素,使其略微位于其父项之外.在IE8中它可以工作,但在IE7中,定位元素被剪裁.

这是我的代码HTML:

<div id="parent">
    <div id="child">text</div>
</div>

CSS

#parent {
height: 40px;
width: 400px;
position: relative;
}

#child {
position: absolute;
width: 100px;
height: 60px;
top: 0px;
left: 0px;
}

在IE7中,您将看到子元素的最后20px被剪裁.我怎么解决这个问题？

谢谢

Answer 1

它只是IE7著名的z-index bug。IE7
的问题是它对所有定位元素应用 z-index=0，即
具有位置 != static 的元素具有 z-index=0。
所以最终这个堆栈上下文导致了问题