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

Question

关于 this page页面右边有一个黑色的logo框，位置是固定的。保存照片和主要内容区域的 div 将它们的位置设置为相对。在 Firefox 3.5 中，如果您向上和向下滚动页面，您会注意到相对定位的 div 中有一个非常难看的变形 - 看起来好像内容被压扁和拉伸(stretch)了。

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

谢谢，唐

Answer 1

将 overflow:auto 添加到 fixed-position div。

如果它仍然不起作用，您可能对此无能为力 - 这只是 Firefox 的(重新)绘图的错误/缺陷。固定元素通常是有问题的 - 在滚动具有固定元素或背景的任何页面时，大约版本 8 的 Opera 速度难以置信。