2007/11/21(水)star(*) html hack

cssのプロパティで、

 * html hoge{}

と初めてやると、IE6以下のブラウザでは* htmlが無視されhogeのプロパティが有効になるという話。何に役に立つかと言えば、IE6以下で対応していないposition: fixed;等のために用いるのが一興。
 div.sidemenu{ position: fixed; }

 * html div.sidemenu{ position: absolute; }
とかすれば、全ブラウザ用のcssが楽に記述ができる。ちゃんと振り分けするのが正しいのは知ってる。

こんなの知ってれば当たり前の話なんだろうけど、知らなきゃさっぱりな話だよなあ。同様にアンダースコア(_)ハックがあるが(こっちは聞いたことがあった)、これはcss validatorを通らない。* htmlは通るのでこだわる人(?)向き。全称セレクタ以下のhtmlタグはないはずだからね。

この手のハックは当然のごとく他のブラウザ用とか色々あるらしい。

IE7でこれらハックが通じるかどうかは、どうも標準モードと互換モードで挙動が違うとか。恐ろしい。
OK キャンセル 確認 その他