WinIE5, 5.5, 6別にスタイルシートファイルを読み込ませる |
ポイント | <!--[if gte IE 5.0]> <link rel="stylesheet" type="text/css" href="Win IE5で読み込ませるスタイルシートファイル"> <![endif]--> <!--[if gte IE 5.5000]> <link rel="stylesheet" type="text/css" href="Win IE5.5で読み込ませるスタイルシートファイル"> <![endif]--> <!--[if gte IE 6.0]> <link rel="stylesheet" type="text/css" href="Win IE6で読み込ませるスタイルシートファイル"> <![endif]--> |
---|---|
説 明 | WinIE5、5.5、6.0それぞれ別のスタイルシートファイルを読み込ませるにはコメントを使って分岐させます。 <!--[if IE バージョン番号]>と<![endif]-->の間にIEで読み込ませたいスタイルシートファイルを指定します。<style>タグで囲んで指定することもできます。 |
サンプル | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>サンプル</title> <link rel="stylesheet" type="text/css" href="all.css"> <!--[if gte IE 5.0]> <link rel="stylesheet" type="text/css" href="ie5.css"> <![endif]--> <!--[if gte IE 5.5000]> <link rel="stylesheet" type="text/css" href="ie55.css"> <![endif]--> <!--[if gte IE 6.0]> <link rel="stylesheet" type="text/css" href="ie6.css"> <![endif]--> </head> <body> <h1>コメント分岐</h1> <p>IE5以降ではコメントを利用したバージョン分岐が可能です。</p> </body> </html> |
補足説明 | なし |
■サンプルを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |