text-indentの画像置換とimgタグ

質問

CSSのtext-indent-9999pxの画像置換とimgタグについて質問です。
上記はどちらも画像を表示させると言うことに関しては、同じだと思うのですが
何が違うのでしょうか？
CSSで画像表示させれば、何かが楽になるとかあるのでしょうか？
よろしくお願い致します。

回答No.1

LOHA

画像を置換するようなボタンを実装する時に、text-indentを使う方法ではCSSだけで済むのですが、imgタグを使った場合はJavaScriptを使わなければならない、という点が異なるかと思います。

タグの中身にテキストを入れ、それはtext-indentであの世に追いやっておき、backgroundで画像を表示し、hoverで画像のpositionを変える、というのがtext-indentによる画像置換の定石です。
（タグの中身にテキストをいれるという行為は、imgのaltを模しています。）

＃text-indentの使用の是非は別として。

お礼

遅くなり申し訳ありません。
ご回答ありがとうございました。
ご回答内容がヒントとなり理解ができました。