                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5和CSS3扁平化风格博客

最后面的 attachment：fixed 和 size；cover 的问题。

没加 attachment：fixed 的时候。

size：cover 图像被等比例拉伸填满整个BODY。

加了 attachment：fixed ，为什么图片就正好只填充满浏览器窗口了。。。而不是整个BODY。好奇怪

qq_蜗牛_38

2016-01-31

源自：HTML5和CSS3扁平化风格博客 3-8

关注问题我要回答

1125

操作

收起

3 回答

小鸡三号回答被采纳 +3 积分
2016-02-02

css设置背景图片占满浏览器窗口的，backgournd-attachment的属性设置背景图像是否固定或者随着页面的其余部分滚动，默认情况下是scroll：随页面其余部分滚动，如果不加的画的话，因为下面还有很多内容，又设置了no-repeat，为了满足滚动时随着其余部分滚动的需要所以图片自动就拉伸了。而当设置为fixed的时候，是背景图片不需要滚动，自然图片就呈现的很正常，浏览量窗口看到的背景固定，只是上面的内容动。