强制Firefox在CSS指定的维度内渲染空图像

Question

除FF之外的所有主要浏览器都会使用CSS指定的尺寸或宽度/高度属性来呈现具有无效src属性的图像。只有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 sample

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

Answer 3

尝试在width:标记本身中编写height和img属性，或在CSS中使用!important代替width和height