WinIE5以降だけ別のスタイルシートファイルを読み込ませる |
ポイント | <!--[if IE]> <link rel="stylesheet" type="text/css" href="WinIEで読み込ませるスタイルシートファイル名"> <![endif]--> |
---|---|
説 明 | WinIE5以降だけ別のスタイルシートファイルを読み込ませるにはコメントを使って分岐させます。 <!--[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 IE]> <link rel="stylesheet" type="text/css" href="winie.css"> <![endif]--> </head> <body> <p>IE5以降ではコメントを利用した分岐が可能です。</p> </body> </html> |
補足説明 | なし |
■サンプルを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |