Internet Explorerの条件分岐コメント (コンディショナルコメント)

Internet Explorer には、特定IEバージョンだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。

• 利用しているIEがバージョン7のとき、hoge.cssを適用。

  <!–[if IE 7.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>

• 利用しているブラウザがIEだった場合、バージョンにかかわらずhoge.cssを適用

  <!–[if IE]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>

• 利用しているIEがバージョン6未満のとき、hoge.cssを適用。versionで指定したIEには適用しない

  <!–[if lt IE 6.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>

• 利用しているIEがバージョン5.5以下のとき、hoge.cssを適用。versionで指定したIEも適用対象に含む

  <!–[if lte IE 5.5]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>

• 利用しているIEがバージョン6以上のとき、hoge.cssを適用。versionで指定したIEも適用対象に含む

  <!–[if gte IE 6.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>

• 利用しているIEがバージョン5.5より新しいとき、hoge.cssを適用。versionで指定したIEには適用しない

  <!–[if gt IE 5.5]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>