HTML/CSS : Image not appearing in web browser, 只是空的 div?

标签 html css

<分区>

Possible Duplicate:
HTML/CSS: Image/div is not appearing in Mozilla but is in 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>

最佳答案

在 URL 中使用下划线或连字符而不是空格是一种很好的做法,您也不能使用散列,因为这些是为页面中的 anchor 保留的。基本上,将图像名称另存为没有空格或散列的其他名称,就可以了。

关于HTML/CSS : Image not appearing in web browser, 只是空的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12868995/

上一篇:javascript - CSS隐藏表格并显示tr

下一篇:html - 为什么我的 margin-top 不起作用?

相关文章:

html - 使一个元素漂浮在另一个元素之上

jquery - 检测留下埋藏的元素 - Jquery

Python Bottle <br/> 不工作?

html - 在knitr/pandoc中设置单元格宽度?

javascript - 带有 overflow hidden 的水平文本 slider

javascript - 无法将我的 div innerHTML 绘制到 Canvas

javascript - html5 Canvas 不填充坐标 (0,0) 处的文本

html - 多 div 文本/链接两个 div

html - 无法将表单提交到 freecodecamp 模拟 url

html - 如何摆脱导航栏和标题图像之间的空间