关于vue+elementui设置div背景图片填充不生效问题

正常css填充div图片背景

.itemDiv {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../../images/Tickets_background.png);
}

但是在vue项目中不生效，需要改成如下。

.tip-div {
  position: absolute;
  left: 6%;
  top: 30%;
  width: 350px;
  height: 250px;
  padding: 10px;
  color: red;
  background: rgba(0, 0, 0, 0) url("../../../static/imgs/bg.png") no-repeat scroll 100% 100%;
      background-size: auto;
  background-size: cover;
}

没看出来为什么background-size属性一定要在background下设置一层后然后再同层下设置才生效。