背景图片不会滚动内容

时间:2013-11-11 02:58:13

标签: html css background-attachment

我遇到了一个奇怪的CSS问题,对我来说是一个真正的headscratcher。无论我申请什么CSS,我的背景图片都不会滚动页面上的内容。这就是我设置的身体CSS:

background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
background-image: url('http://sigurros.s3.amazonaws.com/images/tour/sigur-smoke-bg3.jpg');
overflow: scroll;

但是背景图像在滚动时始终保持固定。网页网址:http://sigur-ros.co.uk/tour

有什么想法吗?

非常感谢!

2 个答案:

答案 0 :(得分:1)

reset.css 中,您有overflow : auto

删除后,背景会滚动页面。

答案 1 :(得分:0)

只需将overflow: scroll样式下的body更改为overflow: visible