2008年7月 3日


CSS Hack

仕事で対応しないといけないブラウザは IE5/IE6/IE7/Fx2/Safari3 の 5ブラウザ。

CSS をファイル別に分ければ対応は簡単なのだが、パフォーマンスやメンテナンスの観点から 1つのファイルでの対応になっている。

そうなると、CSS Hack の使用はさけられない。

.test {
	color:#000;	// IE5
	voice-family:"\"}\"";
	voice-family:inherit;
	color:#f00;	// IE6
	}
:root .test {
	color:#0f0;	// Fx2.x 〜
}
html:\66irst-child .test {
	color:#00f;	// Sarafi2.x 〜
}
html:not(:only-child:only-child) .test {
	color:#f0f;	// Safari3.x
}
*:first-child+html .test{
	color:#ff0;		// IE7
}

このコードを見てすぐに表示が思い浮かぶようなら、CSS に関しては言うことなし。

html:not(:only-child:only-child) は今日教えてもらって初めて知った。

今後 IE8 が出てくると、それに対する対応も何か考えないといけないんだよなぁ。


トラックバック

この記事のトラックバックURL
http://enokido.net/mt/mt-tb.cgi/2090

管理人:えのきど。
職業:Web Design Engineer
(Designer+Programmer) / 2

Designer にも Programmer にも成りきれず、どっちつかずでふらふらしてます。先は見えてません。

生存証明用の日々のメモブログ。メインは雪山大好きっ娘。です。

このブログの RSS RSS
counter