0
点赞
收藏
分享

微信扫一扫

CSS中设置el-form的背景图片,并通过background-size设置尺寸


场景

登录框el-form设置其背景图片

<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">

可以直接通过

background-image: url("../assets/images/login-bg.jpg");

来设置,但是设置之后发现

即使设置了el-form的宽度与背景图片宽度一致,也无法实现背景图片正好显示。

需要设置背景图片的尺寸。

background-image: url("../assets/images/login-bg.jpg");
background-size: 100% 100%;

设置之后

举报

相关推荐

0 条评论