詳しく書いてある記事はこちらで、
https://bitsofco.de/styling-broken-images/
imgがbroken状態になるとbefore, after擬似要素使えるからよしなにやっつければおkという意味である。
この記事ではbefore, after擬似要素に背景色をつけてposition:absolute
で上に被せて消している。
私の場合は
- どんなサイズの画像があるか事前にわからない
- レスポンシブ
- NO IMAGE画像素材を使う
- Retina対応もする
ていう条件があった。