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

Question

我有一些图片，我使用以下代码来显示它们。但到目前为止它们还不可见。

代码：

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

Answer 1

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

Answer 2

您的标记没有任何问题，图片网址返回404，因此我假设某处存在拼写错误，缺少文件或目录权限设置。

http://www.sharetheorb.com/img/orb-header-logo2.png

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

几个问题

• 您的webroot中的目录结构是什么样的？
• / img /上的文件权限是什么？它是自己的图像？
  • ls -la可以在每种情况下告诉您。