关于vue+elementui设置div背景图片填充不生效问题
正常css填充div图片背景.itemDiv {background-size: 100% 100%;background-repeat: no-repeat;background-image: url(../../images/Tickets_background.png);}但是在vue项目中不生效,需要改成如下。.tip-div {positio...
·
正常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下设置一层后然后再同层下设置才生效。
更多推荐
已为社区贡献16条内容
所有评论(0)