はてなダイアリーで IE6 No More を表示するための CSS hack
ダメだこりゃ、うまくいってないー
6以前のIEでアクセスした場合に注意表示をするタグのサンプルを配布しているIE6 No Moreというサイトがあります。
サンプルではIEのコメント内条件分岐が使われてますが、はてなダイアリーでデザインに組み込んでもコメントは削除されてしまいます。
<!--[if lt IE 7]> 〜 <![endif]-->
そういうわけで CSS hack でこれを表示させる方法。
IE4〜6, Fx 1.0〜3.0, Safari 2〜3 で表示されるんじゃないかな。
/* IE6 no more */ /* All */ #ie6nomore { display: none !important; } /* Fx 1.0 <= */ #ie6nomore, x:-moz-any-link { display: block !important; } /* Fx 3.5 */ #ie6nomore, x:-moz-broken, x:last-of-type { display: none !important; } /* Safari */ #ie6nomore, x:x { display: none !important; } /* Safari 2 */ body:last-child:not(:root:root) #ie6nomore { display: block !important; } /* Safari 3 */ html[xmlns*=""] body:last-child #ie6nomore { display: block !important; } /* IE 6 >= */ * html #ie6nomore { display: block !important; }
「古いブラウザ使うな」という表示のためにこんな技使うとか酷いですね。