1. 設(shè)背景圖div一定要指定寬高，否則圖片不顯示

width:100%;
height:900px;

2. 縮小拉大窗口時背景圖片也跟著縮放

background-image: url('../../images/home/bg_01.png');
background-position: center;
background-repeat: no-repeat;

3. 背景圖不重復(fù)：

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;