您好,我想仅向登录页面组件添加背景图片。用户登录后,将重定向到主页,因此背景图像应消失。我在CSS样式表的html标签中添加背景。我的代码如下:
HTML{
background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("#{$backgroundImage}/background.svg") no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
font:$font;
height:100%;
margin:0;
padding:0;
BODY{
@extend HTML;
}
.
.
.
}
有人可以帮我吗?
答案 0 :(得分:0)
在组件CSS文件中添加以下CSS代码。
body {
background: url('/assets/Img/login.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.panel-default {
opacity: 0.9;
margin-top:30px;
}
.form-group.last {
margin-bottom:0px;
}
答案 1 :(得分:-1)
您需要为背景创建一个组件;然后将其导入登录页面。