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

【问题标题】：Negative Absolute Positioning Causing Hidden Overflow (IE7/8)负绝对定位导致隐藏溢出 (IE7/8)
【发布时间】：2011-06-11 05:51:10
【问题描述】：

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

下图代表了我想要实现的目标。主要对象是一个位置：相对的 div。两个突出的箭头选项卡是 div，它们是 position:absolute 的负值，因此它们位于父级边界之外。

这在所有浏览器中都可以正常工作，除了 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;
}

这快把我逼疯了。有谁知道此行为的解决方法或原因？

谢谢大家，感谢您的宝贵时间！

【问题讨论】：

请给我们codez！目前我可以回答您的问题的唯一方法是，如果我浪费时间重新创建您已经拥有的 HTML/CSS :)
我无法使用您发布的代码重现您的问题 - IE7/8 中的 it works fine。您需要提供一个包含错误的适当测试用例。

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

【解决方案1】：

我已经找到了发生这种情况的原因（仍然没有真正的意义）。我以灯箱方式淡入图像，出于某种原因，这阻止了选项卡在 IE7 和 IE8 中显示。

如果有人能提供对此原因的任何见解，将不胜感激。但目前我刚刚取消了 IE7/IE8 的淡入淡出，并为较新的浏览器保留了它。

非常感谢@thirtydot 的帮助！

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

【讨论】：