由于添加位置:固定元素,我的页面滚动太远,固定背景重复自我。 这不是Firefox的问题,但Chrome显示了这个问题。 问题可以在以下方面看到: http://www.25892.rwswebsite.com/listings
这让我疯狂了好几个小时。第二组眼睛将非常感激!
答案 0 :(得分:1)
我在Web Inspector中挖掘并解决了一些问题:
滚动太远:
对于<body>
,overflow
应为visible
。这是默认值,因此如果未明确设置overflow-x
和overflow-y
(并且没有其他任何内容覆盖它),它将采用此值。
多个背景图片:
您似乎在<html>
和<body>
元素上设置了背景图片。对于像你这样的固定背景,我喜欢仅在<html>
上设置背景(参见here)。
另外,我应该尝试使用background-size: cover
作为背景图片。使用cover
,图像的大小将调整为允许其覆盖浏览器宽度和高度的最小尺寸。浏览器兼容性为pretty good。