HTML/CSS:图像没有出现在Web浏览器中,只是空div？

Question

可能重复:
HTML/CSS:图像/ div没有出现在Mozilla中但是在IE中？

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

我已经尝试删除'.jpq',我已经从图像名称中删除了空格,但是当通过互联网上传时仍然没有图像显示.

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

Answer 1

当涉及到URL时,最好使用下划线或连字符而不是空格,也不能使用哈希,因为这些是为页面中的锚点保留的.基本上,将图像名称保存为没有空格或哈希的其他内容,您就可以了.

Answer 2

在服务器上以上述格式保存图像名称

Magic_Hat_9.jpg

将html标记替换为

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