ミギムキ

[CSS] 画像がまだできていないimgタグにそれらしい高さの枠を仮設定したい

やりたいこと

サンプルコード

img[src=""] { display: block; position: relative; width: 100%; padding-bottom: 70%; border: 1px solid #eee; } img[src=""]:after { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 24px; white-space: nowrap; content: "※画像準備中※"; }
スポンサー広告

仕組み、解説、補足など