HTML / CSS

IE6でアンカーリンクが動作しない

posted by shimizu on 10.29.2009

<h2 class=”title1″><a name=”ninesense” id=”ninesense”>タイトル1</a></h2>

アンカーリンクは同一ページ内のリンクですが、
上記のようなリンク先のクラス(title1)は画像表示にしていて、代替テキストを
CSSで text-indent:-10000pxと設定しています。
SEO対策でよくとられる手法ですが、
IE6では動作しないので、要注意。

title1クラスのタグの外に<a>タグを設定するしかありません。

Editor

shimizu
サイバーエージェント広告事業部デザイナー、ディレクターを経て独立。 NINE SENSE Inc. の代表取締役兼クリエイティブディレクター。 趣味は海外ドラマ鑑賞と写真。 好きな食べ物はスープカレー。
Latest Entries
TrackBack URL