导致隐藏溢出的负绝对定位(IE7 / 8)

时间:2011-01-18 17:10:38

标签: css internet-explorer-8 internet-explorer-7 overflow positioning

我遇到了负绝对定位div溢出的问题。

下面的图片代表了我想要实现的目标。主要对象是div:position:relative。两个突出的箭头标签是div,其位置为:绝对值为负值,因此它们位于父级边界之外。

除了IE7和IE8之外,所有浏览器都可以正常工作,它完全切断了标签,好像父对象的样式溢出:隐藏。

HTML:

<div id='parent'>
<div id='arrowLeft'></div>
<div id='arrowRight'></div>
</div>

CSS:

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

#arrowLeft{
width:40px;
height:50px;
position:absolute; left:-40px; top:50%;
margin-top:-25px;
}

#arrowRight{
width:40px;
height:50px;
position:absolute; right:-40px; top:50%;
margin-top:-25px;
}

这让我很生气。有没有人知道这种行为的修复或原因?

谢谢大家,感谢您的时间!

W上。

alt text

1 个答案:

答案 0 :(得分:0)

我已经找到了发生这种情况的原因(但仍然没有意义)。我以轻盒方式淡化图像,出于某种原因,这阻止了标签出现在IE7&amp; IE8。

如果有人能够提供任何有关此原因的见解,那将是值得赞赏的。但暂时我已经取消了IE7 / IE8的淡入淡出并将其保留给新的浏览器。

非常感谢您的帮助@thirtydot!

W上。

PS那个小提琴网站看起来非常棒!