css 中设置背景图面，如果超出去刚开始的 100% 就没有背景图片了，这个怎么解决呢？

Question

css 中设置背景图面，如果超出去刚开始的 100% 就没有背景图片了，这个怎么解决呢？
我设置

html,body{
    width:100%;
    height:100%;
}
.home{
     width:100%;
    height:100%;
    background: url("../assets/xiazai.jpg") no-repeat;
    background-size: 100% 100%;
}

效果是这样的

但是下面超出去的话

背景图片没有了，怎么解决呢？
.home元素是我最大的div

Answer 1

你吧背景图设置到body上就行了

Answer 2

你用了 no-repeat ，我猜你是想固定背景，不随页面内容滚动而滚动，写到 body 再加上固定属性就可以。

body{
    width:100%;
    height:100%;
    background: url("../assets/xiazai.jpg") no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}