- IE、Opera、Firefox、に関する、とあるCSS適用の実装の差(ネタ)(hoshikuzu | star_dust の書斎)
: と = が同じに見えるとは 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 要素の中身を表示してはいけない、のかな?