• 締切済み

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

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

みんなの回答

  • LOHA
  • ベストアンサー率52% (203/388)
回答No.1

画像を置換するようなボタンを実装する時に、text-indentを使う方法ではCSSだけで済むのですが、imgタグを使った場合はJavaScriptを使わなければならない、という点が異なるかと思います。 タグの中身にテキストを入れ、それはtext-indentであの世に追いやっておき、backgroundで画像を表示し、hoverで画像のpositionを変える、というのがtext-indentによる画像置換の定石です。 (タグの中身にテキストをいれるという行為は、imgのaltを模しています。) #text-indentの使用の是非は別として。

ginomarch1016
質問者

お礼

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

関連するQ&A

専門家に質問してみよう