我遇到了负绝对定位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上。
答案 0 :(得分:0)
我已经找到了发生这种情况的原因(但仍然没有意义)。我以轻盒方式淡化图像,出于某种原因,这阻止了标签出现在IE7&amp; IE8。
如果有人能够提供任何有关此原因的见解,那将是值得赞赏的。但暂时我已经取消了IE7 / IE8的淡入淡出并将其保留给新的浏览器。
非常感谢您的帮助@thirtydot!
W上。
PS那个小提琴网站看起来非常棒!