2010年8月23日月曜日

text-indent:-9999px;ちょっと怖いな。

とある仕事で作ったページのリンク画像表示にtext-indent:-9999px;の手法を使い、
ふとそのページをiPhoneでブラウズしたら、
背景画像が見えていなかった。
ショック!

googleのCSSスプライトはどうしてるんだっけ?と思ったら、以下のページに詳しくコツが書いてありました。
多謝。

http://otaxa.com/css/text-hiding-without-text-indent-9999px/

対処せねば~

■追記:
CSSスプライトで、画像を使ったhoverに直しましたが、
IIEだけ画像置換してくれません。。。

悩んだから、zoom:1;でOKになるという記述を見て、
やってみたらOKに。。
http://likearpeggio.blog63.fc2.com/blog-entry-223.html

 http://www.ryu-raku.co.jp/blog/archives/989

やっぱIE対策はzoom:1;(hasLayout対策)ですか。。。