Html 为什么这个元素不能在Firefox中呈现？

以下HTML/CSS代码在IE（版本8）中呈现，但在Firefox（版本25）中未呈现

有什么原因吗

HTML:

简短答复: 如果在css中添加

display:inline块

，则可以修复此问题

详细回答： 它还可以在基于Webkit的浏览器（至少是Chrome和Safari）中呈现

这似乎是因为Firefox不像其他浏览器那样解释图像标记

Firefox正确地解释了它（作为内联块元素）。
但是，当标签中没有立即可用的

src

时，Firefox似乎只将其解释为内联元素。这意味着您无法定义其宽度或高度

---

查看一些关于获取要显示的

标记背景的不同方法的实验。

在

img

元素中，HTML规范需要

src

属性。如果省略它，则元素的呈现和行为未定义。（它可能以您想要的方式在某些浏览器上工作，您可能会欺骗其他浏览器也这样做，但任何新版本的浏览器都可能会出现故障。）

---

因此，使用内容图像（具有

src

属性和适当的

alt

属性的

img

元素），而不是

img

元素上的背景图像。

没有src属性的img标签怎么可能存在？或者问一个更好的问题，你为什么想要它？@sevensacat我相信CSS中的background属性涵盖了它。另外，这不是我的代码，所以我不知道为什么没有指定'src'属性。如果在其他浏览器中也可以使用，我相信这是错误的。为什么你不将src设置为你想要显示的图像，这样图像就没有样式就有意义了？@sevensacat这不是我的代码，所以我不确定你问题的“为什么”部分。“我相信CSS中的background属性涵盖了它。”它没有。@Enigmadan实际上，这里的正确呈现方式是（HTML规范要求的版本）是Firefox版本，而不是WebKit/IE版本。@BorisZbarsky啊。谢谢！你有正确性的来源吗？我读过几个版本的规范，但没有一个真正解释了img的显示类型，我喜欢。@Enigmadan有相关的规范链接和引用。

<img class="buttonmini" id="btn_Actual_Effort" onclick="showEffortDetail()"    disabled="disabled">

.buttonmini
{
    background: url(../newimages/effort_calendar.gif) no-repeat;
    height: 16px;
    width: 16px;
    font-family: Verdana; /*font-size: 8pt;*/
    cursor: pointer;
}