Internet Explorer には、特定IEバージョンだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。
CSSハックとは・・・ちゃんとweb標準に準拠してコーディングしているのに表示が乱れるWeb標準への準拠度が比較的低いブラウザ（特にIEが酷い）でもきちんと表示されるように主にブラウザのバグを利用してCSSの対処を実現すること。。。
だがしかし、バグを利用しているのであまり使わないほうがいい！ということでコンディショナルコメントを使ったりします。
以下のコメントを<head>～</head>の中に入れて適用させるCSSを読み込めばOKです。
IE７向けにhoge.cssスタイルシートを適用させる
<!–[if IE 7.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>
IE6未満のとき、hoge.cssを適用。
-
<!–[if lt IE 6.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>
IE5.5以下のとき、hoge.cssを適用
<!–[if lte IE 5.5]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>
IE6以上のとき、hoge.cssを適用
<!–[if gte IE 6.0]> <link rel=”stylesheet” href=”hoge.css” type=”text/css” /> <![endif]–>
IE5.5より新しいとき、hoge.cssを適用
-
<!–[if gt IE 5.5]> <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]–>
トラックバック(0)
このブログ記事を参照しているブログ一覧: Internet Explorerの条件分岐コメント (コンディショナルコメント)
このブログ記事に対するトラックバックURL: http://www.web-mora.co.jp/admin/mt-tb.cgi/183
コメントする