给网页设置背景图片

给网页设置背景图片

设置图片使用的是css的 background: url("url") no-repeat;

但是这样的话，图片不支持响应式的，如果我们改变屏幕大小图片会有白边

解决

body {
    background: url("imgs/xf.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

这样我们的网页图片背景就设置好了！快去试试吧！