關於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下設置一層後然後再同層下設置才生效。