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;
}

这样应该是最简单的方法了。大家可以尝试。