<div>中的Img没有显示

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

检查您的.css文件是否正确链接。使用browser developer工具检查div并验证图像是否可访问。

Answer 2

试试这个背景图片:url(‘/img/image er.jpg’)；而不是背景图像:url(‘img/image er.jpg’)；始终提供适当的路径。