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

过去式的美好

于 2019-07-15 15:46:08 发布

阅读量5.8k

点赞数 1

分类专栏： Web前端 vue css 文章标签： css

本文链接：https://blog.csdn.net/u012138137/article/details/95975373

版权

Web前端同时被 3 个专栏收录

73 篇文章 1 订阅

订阅专栏

vue

19 篇文章 0 订阅

订阅专栏

css

3 篇文章 0 订阅

订阅专栏

正常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下设置一层后然后再同层下设置才生效。