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

你好

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

这是我的代码HTML：

CSS

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

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

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

谢谢

最佳答案

它只是IE7着名的z-index bug
IE7的问题在于它对所有定位元素应用z-index = 0
 即具有位置！= static的元素具有z-index = 0.
所以最终这个stacking context引起了这个问题