固定位置元素在滚动时会导致失真

时间:2009-09-08 13:51:17

标签: css firefox

this page上,页面右侧有一个黑色徽标框,其位置是固定的。保存照片的div和主要内容区域的位置设置为相对。在Firefox 3.5中,如果你在页面上下滚动,你会发现在相对定位的div中有一个非常难看的失真 - 好像内容被压扁和拉伸。

更新:我将修复程序添加到上面链接的页面,因此它不再显示失真。如果要查看其中的overflow: auto属性,请从固定位置元素中删除它。

谢谢, 唐

2 个答案:

答案 0 :(得分:1)

overflow:auto添加到固定位置 div。

如果它仍然不起作用,你可能无法做多少 - 这只是Firefox(重新)绘图的一个错误/缺陷。固定元素通常是有问题的 - 当滚动具有固定元素或背景的任何页面时,Opera在版本8后面令人难以置信地慢。

答案 1 :(得分:1)

添加另一个固定元素 - 最右边。

<div style="position: fixed; right: 0px; top: 0px; width: 1px; height: 1px;"> </div>