at posts/single.html

画像へのテキストの回り込み

tDiaryにて日記に画像を載せると、画像に回り込んだテキストが画面から消えてしまうことがよくある。 消えた部分をマウスでなぞると、テキストが表示されたりする。

Web Designingの8月号を読んでいて知ったんだけど、これはPeek-a-booという 有名なIEのバグのせいらしい。 そこで、以下のコードをスタイルシートに埋め込んでおけば、 このバグへの対策になるそうだ(Stopdesign)より。

/* But IE5-Mac shouldn't see this \*/
 * html p {
   height:1%;
   }

この日記でもスタイルシート (base.css) にこのコードを追加してみた。 今まで、テキストが消えていたところもちゃんと表示されるようになったみたい。

関連する日記