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

前端之家收集整理的这篇文章主要介绍了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引起了这个问题

猜你在找的HTML相关文章