2010年2月18日木曜日

IE6でh1要素を見えなくしようとして躓いたメモ。

IE6でh1要素を見えなくしようとして、躓いたメモです。

text-indent:-9999px;
を使い、
font-size:0px;height:0px;visibility:hidden;
等も指定したのですが、
他のモダンブラウザは消えてくれても、IE6だけは高さそのままで消えてくれませんでした。
(メインビジュアル上にサイト名も書き込んでいるので、そのような設定を必要としていました。メインビジュアルをh1要素の背景にすれば話は早いのですが、CMS上での特殊な適用で、ちょっと工夫が必要であったので。)

結局、position:absolute;を指定して、他のボックスから切り離して対処しました。

自分の対処が最善か、まだ調査が必要そうです。