IE6 文字が消える問題 パソコン関連

　前回デザイン・テンプレートを変えたときに、不思議に思ったことがあった。変えた方（デカ丸）のテンプレートにすると、文字が消えて見えなくなることがあるのである。
　現在、オリジナルなテンプレートを少しづつ作ってみているのだが、プレビューしてみるとやはり文字が消えたりする…どういうこった。

　そこで調べてみたところ、IE6のCSSバグだということが分かった。

---

まずは詳細を。

現象：
　記事内の文字が消えて見えなくなる。背景の色などは保ったまま。
　スクロール、ドラッグして選択するなどで再び見えるようになる。
条件：
　別のウィンドウを上にして隠したあと、戻ると消えている。

　別のページを開いて戻るだけで文章が消えているので、すごく使い勝手が悪い。スクロールして一旦消すと元に戻るので読めなくはないのだが、非常なストレスである。
　で、検索かけてみたところ次のようなことが分かった。

原因：
　背景色が指定されている場合、同ブロック要素内にfloat指定したブロックがある際のIEのCSSバグ
回避方法：
　親ブロック要素にwidth指定をする

と、いうわけらしい。
　プラグインブロックがあるので、float指定ならどのテンプレートでもしていると思う。今回はたまたま、小葉柄には背景色が指定されていなかったので発生していなかったようだ。
　とにかく、回避方法が分かって良かった。新テンプレートに試してみよう。

　参考にさせていただいたのはこちら。→InternetExplorer CSSバグ