HTML img src 在子文件夹的子文件夹中不起作用答案

【问题标题】：HTML img src not working in subfolder of subfolderHTML img src 在子文件夹的子文件夹中不起作用
【发布时间】：2018-03-25 22:34:22
【问题描述】：

我对 HTML 很陌生，我正在尝试向我的页面添加一些图像。图像位于子文件夹中，但两个子文件夹不起作用：

 <img id="lungIcon" src="icon/red/001-medical.svg">
 <img id="liverIcon" src="icon/003-human-liver.svg">

liverIcon 显示，但 lungIcon 不显示。 red 是 icon 的子文件夹，我的编辑器 (WebStorm) 甚至自动填充了 lungIcon 的 src，因为它可以找到该文件。

如您所见，红色位于图标内。 red 包含与 icon 相同的文件，但颜色不同。为什么lungIcon.svg 不显示？

【问题讨论】：

标签： html

【解决方案1】：

尝试使用相对路径 (`./your/path/to/img) 例如：

 <img id="lungIcon" src="./icon/red/001-medical.svg">
<img id="liverIcon" src="./icon/003-human-liver.svg">

【讨论】：

【解决方案2】：

或者尝试使用完整路径。就像src="/images/icon.svg"，我就是这样做的。

【讨论】：