条件分岐してIE6でのページ閲覧を出来なくする方法
9 / 3 / 2008
とりあえず僕がやった事のある方法です。（WALDのサイトもこれ使ってます。友人からのブーイングがすごいです、笑）
概要としては、CSSでdisplayを切り替えよう！というだけのもの。
1. HTMLの準備
<html>
<div id=”wrapper”>
ほげ
</div>
<div id=”forie6″>
ふが
</div>
</html>
みたいに書きます。<div id=”wrapper”>で囲まれている部分を通常表示して、<div id=”forie6″>で囲まれている部分をIE6で表示したい。
2. <head></head>内にCSSの条件分岐を書く。
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”css/ie6.css” media=”all” />
<![endif]–>
みたいな感じに。
<!–[if lt IE 6]>
とやるとIE6以下のバージョン全てにきくようになります。
条件分岐のバリエーションは以下のサイトに書いてありました。
http://www.keynavi.net/ja/bugh/comments.html
3. CSSを書く
通常読み込むCSSに
#forie6{
display:none;
}
ie6.cssには
#wrapper{
display:none;
}
と書く。これで完成！<div id=”forie6″></div>の中に「他のモダンブラウザで見て下さいー」とか書けば良いのではと。
Tags: CSS, IE6
コメントする