サイドバーのメニュータイトルを新しくしてみました。
画像を使わずにCSSのみで作成していますが、相変わらずIEさんは9になっても上の写真のような残念な挙動です。
IEさんをお使いの方のために、参考までに本来はどのように見えるはずなのかという画像を貼ってみます。
ハイソなブラウザでご覧いただくとこのように見えるはずです。
で、IE9だけを弾けるCSSセレクタが無いかどうかいろいろ試してみたんですが・・・ダメでした。
苦肉の策でjavascriptで対応することに。
if('name' in window.alert){document.write('<style>/*ここにCSSを改行せずに書く*/</style>');}
ユーザーエージェントで判別するとバージョンの低い非IEもかかる可能性があるので、functionオブジェクトにnameプロパティがあるかどうかで判別しています。
IE以外のブラウザの最新版には全て実装されていますので、これで判別できます。
それにしても・・・なんとかしてCSSだけでIEを弾きたいなぁ。
なにかいい方法があるという方、お教えいただけると助かります!