Question

我正在尝试一个简单的HTML页面，但由于某种原因，虽然src是正确的，但是没有出现一些图像。为了发现问题的根源，我试图在HTML文档的主体上插入图像（在div之外，没有我用来操作图像的javascript函数）。他们也没出现！ src是正确的，如果我在浏览器中打开它们会显示图像（如果我在网址栏中输入图像的地址）。

以下是代码：

  <!DOCTYPE html>
<html>
<head>
	<title>Site2</title>
	
	<meta charset="UTF-8">
	
</head>
<body>

<!-- This image appears -->
<img src="images/header.jpg" style="width:100%">

<!-- This image don't -->
<img src="images/img_1.jpg" alt="tigre" style="width:100%">

</body>
</html>

我无法理解问题的根源。我尝试在编辑器中打开图像并保存它们以查看是否存在编码问题或类似问题，但问题仍然存在，之前出现的图像继续出现而其他图像仍未显示。

编辑：如果我将第二张图片的大小调整为与第一张图片大小相同并将其保存在新文件中，它会开始出现，虽然模糊（由于调整大小）：

图片1：1024 x 300

image 2：850 x 315

该页面只是本地的（我没有使用服务器程序），我正在使用Edge。

提前谢谢你：

Answer 1

工作并且看起来不错，

https://jsfiddle.net/hts3wdjx/

<!-- This image appears -->
<img src="http://placehold.it/350x150" style="width:100%;" />
<!-- This image don't -->
<img src="http://placehold.it/350x150" alt="tigre" style="width:100%;"/>

Answer 2

你的问题是images/

<body>

<!-- This image appears -->
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBLVUTEfwcBSoQz_SNLw41VH_B76zVbXMgw1FPlQ26cYgC61MyPA" style="width:100%;" />

<!-- This image don't -->
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQBLVUTEfwcBSoQz_SNLw41VH_B76zVbXMgw1FPlQ26cYgC61MyPA" alt="tigre" style="width:100%;" />

</body>

HTML图片不显示

2 个答案: