HOME > Tips > CSS > 「text-indent」によるイメージ置換の注意点

「text-indent」によるイメージ置換の注意点

  • Author:920

テキストリンクを「text-indent」を使用してイメージに置き換えるテクニックは、よく使用されるかと思いますが、いくつかの不具合が発生するようです。

  • 「Windows Internet Explorer 5.0」でイメージが表示されない
  • 「Netscape 7」でテキストのアンダーラインがウィンドウの左端まで表示される
  • 「Firefox」でイメージをクリックした際、ウィンドウの左端まで点線が表示される

その症状と対策についてまとめましたので参考にしてください。

「text-indent」によるイメージ置換の問題点と対策の詳細

サンプル

UP