IE6のCSSバグ

Read More

CSSです


今日発見したのでメモメモ



■IE6のCSSバグ
FirefoxやらGoogle Chromeではキチンと表示されるけど、
IE6では表示されないとかいうのが多いCSSですが、


まー結論から先に言うと…、



CSSのクラス名(又はID名)の先頭文字に"_"(アンダーバー)は使うな!


ってことです。

--
タイトルにバグと書いておきながら、
本当にバグと断じて良いのかわからないのだけど
#CSSの文字の仕様なんか調べたことないので


本日、開発中のページをなんとなくIE6でブラウジングしてた時に
CSSがうまく機能していないとおもわれる部分を発見した


あれー記述ミスでもしたかな?
とか思いながら色々テストしていると、

どうやらクラスに付ける名前の先頭文字に"_"(アンダーバー)を使うと、
IE6ではそのクラスのスタイルが適用されないことが判明した



・IE6のみスタイルが適用されない例
<style type="text/css">
<!--
._linknumber {
    color:#000;
    padding:10px;
}
//-->
</style>
<span class="linknumber">aaa</span>


なおこれは、クラス名だけでなくIDでも同様の結果になった
※末尾への"_"の付与は問題なかった


--
はー、トータルで小一時間は無駄にしたなー

変数やらファイル名やらついつい"_"使っちゃうんだよねークセで

今後は気を付けたいと思う