图像在单个页面上断开（无法加载图像）

Question

我有一个应该在所有页面上显示的图像....除了单个页面之外，它对所有页面都非常好。在检查它显示无法加载图像。

<div class="wrapper">
<img src="images/uk.png">
</div>

Answer 1

从代码的外观来看，我的猜测似乎是相对路径问题。无法成功加载图片的页面可能位于 成功加载图片的页面的不同文件夹中。

<img src="images/uk.png">是相对链接。根据该链接使用情况，文件uk.png需要位于文件夹images中，文件夹images需要位于与文件相同的相同文件夹中你试图把图像包括在内。

如果您的images文件夹不是您尝试将图片包含在内的文件的兄弟，则有三种选择：

1. 使用 ../ 导航到正确的文件夹（<img src="../images/uk.png">）
2. 使用 root-relative /前缀（<img src="/images/uk.png">）
3. 使用绝对网址（<img src="http://www.example.com/images/uk.png">）

有关相对路径的详细信息，请查看CSS Trick's article， Adobe's article 或 IfYouCodeItTheyWill's article 。

如果您确保索引文件确实位于正确的位置，并且您的路径确实正确，则可能存在缓存问题。在点击SHIFT图标时尝试按住refresh，看看是否有效。如果没有，您可以使用F12调出控制台以进一步调试问题。

希望这有帮助！ ：）