body, html {
height: 100%;
}
.background {
background-image: url("src/Goodevil.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
这工作，但它确实只显示图像的所有html去，就像我所有的文本下它是全白的（大约在屏幕的一半）为什么？
<body class="background">
<h3 class="masthead-brand">Held </h3>
<h3 class="masthead-brand1"> oder</h3>
<h3 class="masthead-brand2"> Schurke?</h3>
<nav>
<ul class="nav masthead-nav">
<li class="active"><a [routerLink]="['/dashboard']">Dashboard</a></li>
<li><a routerLink="/heroes">Heroes</a></li>
<li><a routerLink="/villains">Schurken</a></li>
</ul>
</nav>
<p class="lead">
<a href="#" class="kämpfeMethode">Kämpfe jetzt!</a>
</p>
<router-outlet></router-outlet>
</body>
这就是我所有的html
