xHTML部分:
<div class="aPWrap">
<div class="aP">aP</div>
</div>
<div class="S">S</div>
CSS:
body{
margin:0;
padding:0;
}
.S{
overflow:hidden;
background-color:#00f;height:30px;width:30px;color:#fff;
}
.aP {
position:absolute;
left:15px;top:15px;
background-color:#f00;height:30px;width:30px;color:#fff;
}
.aPWrap{
overflow:auto;
background-color:#0f0;
}
Firefox中的div.S(蓝色小块) 会清除 div.aP(红色小块) 与 div.S 重叠的部分。
解决办法调换 div.aPWrap 和 div.S 在xHTML中之间的位置。
演示地址:www.om19.cn/images/ffotf.html
Firefox截图如下
IE(这次IE表现不错)截图如下
此Bug出现于Firefox 1.5/Firefox 2.0(Win)
在其他浏览器 Firefox(Mac/Linux), Safri, Opera, IE, Minefield中均正常。