IE6の場合のtext-indent:-9999px

テキストを飛ばす場合、「text-indent:-9999px」を使いますが、IE6の場合はブロックを認識しないことがあるようです。

例えば、このような場合、cursorがポインターにならなかったりします。

h3 {
  text-indent:-9999px;
  cursor:pointer;
  background:url(../images/sidemenu-top01.jpg) no-repeat;
}

解決策: IE6 の場合は、横幅を入れるとブロックを認識します。

width:300px;

※WEB制作の場合、IE6に問題がでる場合が多いですが、最初からターゲットのブラウザをIE6と考えて制作すればOKのような気がしてきました。

※手間のかかる子どもの面倒を見れば、他はほっといても大丈夫という・・・。

コメントを残す

役立つ
面白い

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください