<div>中的图像不显示

Question

<div=img-header>中的图像未显示在文字下，仅显示了文字，但未显示图像，我尝试了很多方法，但没有成功。 有人可以帮助我吗？

我尝试过更改id中的类，手动调整img的大小，更改css代码，更改名称：

.img-header {
	height: 100vh;
	min-height: 500px;
	background-image: url('img/header.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

<header class="img-header">
	<div class="container h-100">
		<div class="row h-100 align-items-center">
			<div class="col-12 text-center">
				<h1 class="font-weight-light">My Site</h1>
				<p class="lead">Welcome to My site!</p>
			</div>
		</div>
	</div>
</header>

div中的图像应显示在“我的网站-欢迎使用我的网站”字样下。

Answer 1

尝试以下背景图片：url（'/ img / header.jpg'）; 而不是背景图片：url（'img / header.jpg'）; 始终提供适当的路径。

Answer 2

检查.css文件是否正确链接。 使用浏览器开发人员工具检查div并验证图片是否可以访问。