背景图改变透明度，但内容不受影响

<div class="content">
   <div class="image" />
   <div class="text">123123</div>
</div>

.content{
  height: 200px;
  width: 200px;
  position: relative;
  border: 1px solid red;
  .image{
    height: 200px;  //注意一定加宽高，不然图片显示不出来
    width:200px;
    position: absolute;
    background-image: url("./assets/section-bg.png") !important;
    opacity: 0.4;
  }
  .text{
    position: absolute;
  }
}