<div> 中的图像不显示答案

【问题标题】：Img in <div> don't show<div> 中的图像不显示
【发布时间】：2019-11-08 20:05:07
【问题描述】：

我<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 的图片应出现在“我的网站 - 欢迎来到我的网站”字样下方。

【问题讨论】：

确保您指定了正确的路径：background-image: url('img/header.jpg');
我已经指定了正确的路径，我也尝试过托管 img 但结果是一样的
写入 z-index:1;在你的 CSS 代码中然后尝试。
你没有使用 Ad-block 或类似的东西？
或~/img/header.jpg 将转到您解决方案的根目录

标签： html css

【解决方案1】：

试试这个背景图片：url('/img/header.jpg'); 而不是背景图像： url('img/header.jpg'); 始终提供适当的路径。

【讨论】：

【解决方案2】：

检查您的 .css 文件是否正确链接。使用浏览器开发者工具检查 div 并验证图像是否可访问。

【讨论】：