绝对定位元素裁剪，如果位置在其父项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被剪裁。 我该如何解决这个问题？

THX

Answer 1

它只是IE7的着名z-index bug IE7的问题在于它对所有定位元素应用z-index = 0  即具有位置的元素！= static具有z-index = 0 最终导致问题的stacking context