全屏背景不允许滚动

时间:2012-05-30 15:10:06

标签: html css background background-image

我有一个全屏幕背景,当窗口调整大小时它正在工作,但是当页面长于窗口时它停止了滚动的能力。它只会削减它。

如何保持全屏背景,但允许用户在较大的页面上滚动?

这是我正在处理的网站 - http://www.uktinplate.com/v1/sales/

2 个答案:

答案 0 :(得分:1)

将图像设置为背景而不是实际图像。

然后使用背景附件属性

W3C Background attachment guide

答案 1 :(得分:1)

您需要将position: fixed添加到背景图片元素。

然后您需要从position: fixed开始mainContent并将其替换为position: absolute

然后从overflow: hidden元素

中取出wrapper样式