图像不显示在背景图像的顶部?引导

Question

由于某些原因，我的图像没有显示在背景图像的顶部。下面是我的代码

html

<header>
</header>

<section>
<div class="container-fluid">
<div class="row align-item-center">
<div class="col-lg-5 text-center">
<img src="img.png" width="400" alt="jordan1" >
</div>
</div>
</div> 
</section>

css

header {
height:100vh;
background: url('backgroundimg.png') no-repeat center center/cover;

}

Answer 1

背景图像应该归属于CSS body标签而不是header标签

body {
height:100vh;
background: url('backgroundimg.png') no-repeat center center/cover;

}