html - 强制 Firefox 在 CSS 指定的尺寸内呈现空图像

Question

除 FF 之外的所有主要浏览器都会在其尺寸内呈现具有无效 src 属性的图像，该尺寸由 CSS 或宽度/高度属性指定。只有 FF 会将 alt 属性渲染为文本节点，忽略尺寸，这在许多情况下会破坏布局。

有没有办法强制 FF 在指定尺寸内渲染图像？

Answer 1

您应该更改 DOM 元素表示

img{
 display:block;
}

或者

img{
 display:inline-block;
}

或者

img{
 float:left;
}

Answer 2

尝试将此规则添加到css：

    @-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:100px;
    height:100px;
  }
} 

jsfiddle 示例

来源：https ://stackoverflow.com/a/6744791/1915183

Answer 3

尝试在标签本身中写入width:和height属性，或者 在 CSS 中使用for和img!importantwidthheight