CSS样式中解决背景图片不能完美填充页面(页面高度很高)

先上个图
这里我的图片是1920x1080像素的
但页面高度有2000像素左右，想要图片可以完美填充页面背景
只需写入以下代码

body {
    margin: 0;
    padding: 0;
    background-image: url(assets/img/bg15.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

重中之重就是background-attachment:fixed这一属性
该属性类似与position:fixed的作用一样，无论页面如何滚动，它会使背景图片的像素位置固定，这就实现了完美填充的效果，无论你的页面高度有多大，都能完美适配

如果使用Vue的话，只需在APP.vue中的style样式中加入以上代码即可

一同进步