VUE&&CSS——最簡單的爲元素添加背景圖片，並自適應div的大小

爲一個高寬固定的塊元素添加背景圖片 在樣式表中 添加背景圖片的src，

        background-image: url('../../assets/images/top_bg1.png') ;

 

通常還需要將背景圖片的大小進行調整 ，以適合塊元素的大小.

        background-size: cover;

 

完整的css如下:

.bg-part{
      position: relative;
      width: 100%;
      height: 585px;
      background-image: url('../../assets/images/top_bg1.png') ;
      background-size: cover;
}

這樣應該是最簡單的方法了。大家可以嘗試。