526互联

HTML背景图片不重复平铺

发布时间 2023-12-18 15:32:36作者: 3939!
//图片不平铺解决方法
body {
    background-size: 100% 100%;//图片大小按照父级的大小适应
    background-repeat: no-repeat;//不重复
　　background-image: url(../BigScreen/img/hgz_bg.png);
}

或者：

background-image: url(../BigScreen/img/hgz_bg.png);
    background-size: cover;
    background-position: center;
    height: -webkit-fill-available; //填满父级大小