WEB制作のメモ帳 - coral design » IE http://www.coral-design.net WEB Creator的仕事備忘録Blog Fri, 02 Jul 2010 06:25:10 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 Internet Explorerの条件分岐コメント (コンディショナルコメント) http://www.coral-design.net/css/235.html http://www.coral-design.net/css/235.html#comments Wed, 03 Sep 2008 10:50:48 +0000 Hiroyuki Watanabe http://www.coral-design.net/?p=235 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]–>

]]> http://www.coral-design.net/css/235.html/feed 1