带有错误的html img标签-FF显示问题

Question

我正在使用HTML img标签，如下所示：

<img src="url_to_some_pic" alt="alternative error message"
    width="300" height="300">
</img>

如果网址损坏，Chrome浏览器和IE会在图像原点尺寸内按预期方式显示此错误消息，但不是。

FF中发生的情况是FF仅显示错误消息，但仅显示一行，而不显示在图像区域（300 x 300）内。

有人知道如何解决此问题吗？

我猜css将是解决方案，但是如何呢？

谢谢，

约翰。

Answer 1

每个浏览器都以其自己的方式处理alt，并且没有一致的格式对其进行格式化。 我会考虑将您的图片放入容器中。

至少以这种方式，alt将始终放置在左上方。

http://jsfiddle.net/WjKxN/1/

HTML：

<div id='image'>
    <img src="url_to_some_pic" alt="alternative error message" width="300" height="300">
</div>

CSS：

#image {
    width: 300px;
    height: 300px;
    border: 1px solid black;
}

Answer 2

您有标记错误。 img标签是一个自动关闭的标签。 您应该这样使用它：

<img src="url_to_some_pic" alt="alternative error message"
width="300" height="300" />

那应该解决您的问题。 但是，也许也很高兴知道，使用CSS可以更好，更标准地为图像添加宽度和高度，就像这样：

<img src="url_to_some_pic" alt="alternative error message"
style="height: 300px; width: 300px;" />