- 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 要素の中身を表示してはいけない、のかな?