我想将网站的背景从正常颜色更改为图片。 CSS 代码:
.bg {
opacity: 5;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 100%;
background-image: url('../../assets/pics/bg.jpg');
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 5;
}
如果我写
<body class="bg">
在 HTML 文件中，网站是白色的。 (如果我添加模糊效果，它们将显示在所有其他元素之上)。如果我这样做
<img id="logo" src="path to img">
它可以工作，但我希望它与 CSS 一起使用，因为它更智能 :D 图片在这里:(来自 CSS 文件)
../../assets/pics/bg.jpg
而且我在 Chrome 中没有收到任何错误(在开发者工具中)
你能帮帮我吗？
(如果有帮助，我想编辑页面“mcggehrden.de/idesk/v3”并设置自定义背景)
最佳答案
您需要这样的东西吗？:View Full Size
<div class="container">
<div class="row text-center">
<div class="col-md-3 col-md-offset-5">
<h1>MCG Gehrden</h1>
<form class="login-form" action="/idesk/v3/login_check" method="post">
<h3><span class="glyphicon glyphicon-user"></span> IServ-Anmeldung</h3>
<input class="form-control" type="text" name="_username" value="" placeholder="Account" required="required" autofocus="autofocus"/>
<input class="form-control" type="password" name="_password" placeholder="Passwort" required="required" />
<div class="checkbox">
<label><input type="checkbox" id="remember_me" name="_remember_me" /> Angemeldet bleiben</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Anmelden</button>
</form>
</div>
</div>
CSS:
*{ padding: 0; margin: 0; }
body {
color: white;
background:
url(https://mcggehrden.de/idesk/v3/img/logo.png) 100% 60vh no-repeat,
url(https://mcggehrden.de/idesk/v3/img/circles.png) 0px 100px no-repeat,
#244c7f ;
}
form{
background-color: white;
padding: 20px;
}
关于HTML 不会覆盖背景图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32851919/