css设置body背景图片不平铺只显示一张,图片和屏幕尺寸一样大,不随着屏幕缩放,并解决调整浏览器大小后出现空白条黑框

 body{
    //图片
    background-image: url("../theme/bdhbzf/images/unauthorize.png");
    //使背景图像完全覆盖屏幕,背景图像的某些部分也许无法显示在背景定位区域中。
    background-size:cover;
    //设置背景图像是否固定,不随着页面的其余部分滚动。
    background-attachment: fixed;
    //设置背景图片不平铺
    background-repeat:no-repeat;
 }

版权声明:本文为CSDN博主「石头小姐的布先生」的原创文章
原文链接:https://blog.csdn.net/qqq327954699/article/details/86538106

你可能感兴趣的:(css设置body背景图片不平铺只显示一张,图片和屏幕尺寸一样大,不随着屏幕缩放,并解决调整浏览器大小后出现空白条黑框)