Question

您好，我想仅向登录页面组件添加背景图片。用户登录后，将重定向到主页，因此背景图像应消失。我在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;
        }
        .
        .
        .
}

有人可以帮我吗？

Answer 1

在组件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;
}

Answer 2

您需要为背景创建一个组件；然后将其导入登录页面。

如何仅将背景图像添加到登录页面

2 个答案: