IE 避け

: と = が同じに見えるとは IE さん目が悪すぎ! で、こんな感じにしたらいいんじゃないでしょうか。

<html>
<head>
<title>I hate IE</title>
<style type="text/css">
body * {
  display = none;
}
.for_ie_users {
  display: none;
  border: thick red solid;
  display = block;
}
</style>
</head>
<body>
<div class="for_ie_users">
この Web サイトは W3C 標準に準拠したブラウザでご覧下さい。
Internet Explorer での動作は確認しておりません。
</div>
<p>あんなことや</p>
<p>こんなこと</p>
</body>
</html>

いや、思いっきり確認してるけどな!

ちなみにスタイルが表示されちゃう件は style 要素とその親の head 要素が user agent stylesheet で display: none にしてあるのに display: inline で上書きされるからでしょう。これは CSS の仕様に準拠した動作。でも HTML の仕様では style 要素の中身を表示してはいけない、のかな?



idトラックバック: