Win IE5-6を簡単にはじく
htmlのhead内でConditional Comments for Internet Explorerを利用すれば、IE5-6だけ別のCSSを読み込ませることが可能。
<!--[if lt IE 6]>
<style type="text/css">
@import url("winIe5.css");
</style>
<![endif]-->
上記の場合、IE6以下、つまりIE5xにはwinIe5.cssが適用されることとなる。
なお、このConditional Comments for Internet Explorerは、WinIE4.x以下には実装されていない。
if内のコメントの違いによるバージョンの振り分けは以下のとおり。
<!--[if gte IE 5]> IE 5.0 - 6.x
<!--[if IE 5]> IE 5.0
<!--[if IE 5.5000]> IE 5.5
<!--[if IE 6]> IE 6.0
<!--[if gte IE 5.5000]> IE 5.5 - 6.x
<!--[if lt IE 6]>IE 5.0 - 5.5
この方法の弱点
この方法は、HTML内に埋め込む必要がある。外部スタイルシート内などで利用することができない。
そのため、数十ページにおよぶコンテンツのサイトやブログなどで、あとからCSSの設計方法を変更したりメンテナンスするときに面倒になる恐れもある。