HTML/CSS：图像没有出现在web浏览器中，只是空div？

可能重复：

我正在使用Dreamweaver，图像在那里显示得很好，但一旦我将页面和图像上传到服务器，所有显示的都是空div

我已经尝试删除了“.jpq”，并删除了图像名称中的空白，但在通过internet拉入时仍然没有图像显示

<div style="background-color:#D9BA26; height:480px; width:320px;" >
        <img src="images/Magic Hat #9.jpg" style="width:100%;height:100%;" />
</div>

对于URL，最好使用下划线或连字符而不是空格，也不能使用哈希，因为它们是为页面中的锚保留的。基本上，将图像名称保存为没有空格或散列的其他名称，就可以了。

将图像名称以所述格式保存到服务器上

Magic_Hat_9.jpg

将html标记替换为

<img src="images/Magic_Hat_9.jpg" style="width:100%;height:100%;" />

---

您不应该使用hashtag，因为它们是保留的

试试像这样的东西

 Magic-Hat-9.jpg

或者如果你真的需要使用空格，那么就用这个

 <img src="images/Magic%20Hat%209.jpg style="width:100%;height:100%;" />

（a）您是否100%确定本地计算机和服务器上的相对路径“images/MagicHat#9.jpg”相同？（b） 尝试从文件名中删除“#”符号。（c） 您应该检查浏览器的错误控制台，查看关于该图像的任何错误。（d） 是否会出现损坏的图像，或者根本什么都没有？一些其他详细信息可能会有所帮助：）