CSSで指定された寸法内で空のイメージをレンダリングするようにCSS

Question

FFを除くすべての主要ブラウザは、CSSまたはwidth/height属性で指定された寸法内の無効なsrc属性を持つイメージをレンダリングします。 FFのみがaltノードの属性をテキストノードのようにレンダリングし、寸法を無視して、多くの場合レイアウトを破壊します。

指定されたサイズ内でFFにイメージをレンダリングさせる方法はありますか？

Answer 1

はwidth:とimgタグ自体にheight属性を書いたり、CSSでwidthとheightため!importantを使用しようと

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

あなたはDOM要素の表現

img{ 
display:block; 
} 

または

img{ 
display:inline-block; 
} 

または

img{ 
float:left; 
}