我遇到了一个奇怪的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
有什么想法吗?
非常感谢!
答案 0 :(得分:1)
在 reset.css 中,您有overflow : auto
删除后,背景会滚动页面。
答案 1 :(得分:0)
只需将overflow: scroll
样式下的body
更改为overflow: visible
。