html img标记出现错误-FF显示问题

我使用Html img标记，如下所示：

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

如果url被破坏，Chrome&IE会按预期在内部显示此错误消息 图像原点尺寸不一致，但FF不一致

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

有人知道如何解决这个问题吗

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

谢谢

---

John。

您有一个标记错误。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;" />

---

每个浏览器都在以自己的方式处理alt，并且没有一致的方式对其进行格式化。 我会考虑将您的图像放入容器。 至少这样alt将始终位于左上角

HTML:

---

因此，当用户在其上移动鼠标时，您希望弹出一些消息吗？

alt

属性指定在不显示图像时使用的替代文本（显示或说出），而不是错误消息。您希望

alt

解决的原始问题是什么？我想显示错误消息，以防url被破坏，图像无法加载。如果知道为什么会出现-1，那就好了。添加的斜杠对问题没有影响。这与添加的斜杠无关，但关于删除边框，这显然是错误的。建议的解决方案将创建一个边框，即使图像存在。如果您在

div

上使用背景色，则除非图像具有一定的透明度，否则图像显示不会受到影响。@JohnSmith2，您到底尝试了什么？我按照您的建议用div包装了img标记。忘了提到我正在使用迭代器来创建这些图像。@JohnSmith2：如果您不给我们展示一个清晰的示例，我们将无法帮助您。

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

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