为什么图像不显示在 HTML 文档上？答案

【问题标题】：Why is image not displaying on HTML document?为什么图像不显示在 HTML 文档上？
【发布时间】：2016-07-22 18:37:48
【问题描述】：

我有一些图像，我正在使用以下代码来显示它们。但它们直到现在才可见。

<div class="sto-title"><a href='http://www.sharetheorb.com'> 
    <img src="img/orb-header-logo2.png" alt="SharetheOrb"></a>
</div>

【问题讨论】：

我们需要更多代码。有了这些信息，它可以是一切，就像在 CSS 中一样：img { display: none;如果图像被渲染到文档中，您是否检查过浏览器检查器？如果有图片标签？
在浏览器中使用检查元素来确定图像是否在正确的位置，以及是否应用了任何可能导致此问题的 css 规则。
欢迎来到 Stack Overflow！据我所知，我编辑了您的问题以使其更好。请添加更多信息和更具体的信息，以便更多了解该主题的人看到它。祝你好运！

【解决方案1】：

图片和文件是否在同一个文件夹中？如果你这样做了，那么也许你应该将你的 png 文件转换为 jpg。这是我经常在我的代码中看到的问题，所以我认为您可能也有同样的问题。您可以将 png 转换为 jpg here

【讨论】：

【解决方案2】：

您的标记没有问题，并且图像 URL 返回 404，所以我假设某处存在拼写错误、文件丢失或某处的目录权限设置。

http://www.sharetheorb.com/img/ - 给出 403，因此猜测权限是错误的，或者更有可能禁用目录浏览（无论如何这是一个好习惯）

几个问题

【讨论】：