絕對定位的元素剪裁其父項IE7

林外，如果位置試圖所以其略微定位於它的父項之外的位置處的元素。在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中你會看到，子元素的最後20像素將被剪掉。我該如何解決這個問題？

THX

來源

2010-05-21 yazz

你有一個現場的例子嗎？這裏有一個http://jsfiddle.net/PCg6m/ – Kyle 2010-05-21 07:49:15

真棒！當我破解我的原始代碼時，我認爲它不會起作用，但它確實很有效。現在我知道它不是一個錯誤，所以我必須再次查看我的代碼。希望我能解決這個問題。 – yazz 2010-05-21 08:31:25

現在我發現了這個問題。如果它的父親元素有一個相對於它的位置的兄弟元素。 http://jsfiddle.net/DrhBE/ – yazz 2010-05-21 08:42:30

它就是著名z-index bug對IE7
與IE7的問題是，它適用的z-index = 0，所有的定位元素
即與位置元素！=靜態具有Z-索引= 0。
因此最終這個stacking context導致問題

來源

2010-06-11 14:23:56 Prahlad

絕對定位的元素剪裁其父項IE7

回答

相關問題