html - 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サンプル

ソース：https ：//stackoverflow.com/a/6744791/1915183

Answer 3

タグ自体に書き込みwidth:とheight属性を設定するか 、CSSで使用してみてくださいimg!importantwidthheight