1. 设背景图div一定要指定宽高,否则图片不显示
width:100%;
height:900px;
2. 缩小拉大窗口时背景图片也跟着缩放
background-image: url('../../images/home/bg_01.png');
background-position: center;
background-repeat: no-repeat;
3. 背景图不重复:
background-repeat:no-repeat
4. 背景图位置:
background:url(../image/header.jpg) no-repeat right bottom; /*相当于100% 100%*/
参考链接
5. react中加入背景图:
style={{background: `url(${i.imgUrl})`}}
6.背景图随着窗口缩小也全部撑满:
background: url(../styles/images/bg-2.png);
background-position: top center;
background-size: cover;
background-origin:border-box;
background-repeat:no-repeat;
background-attachment: scroll;