アンダースコアハックがMacIE(OS9.2)に適用されてしまう
MacIEのチェックは
- MacOS9.2 + IE5.1
- MacOS10.3.9 + IE5.2
をチェックしていますが、前者で意図しない表示になっちゃうことがありました。
色々試してみた所、アンダースコアハックが前者の環境で読み込めちゃっるではありませんか!!
サンプル
CSS
div{ background-color:aqua; _background-color:yellow; width:100px; _width:500px; }
HTML
<div>アンダースコアハックはMacIE5.1でも効いてしまう?! <pre> /*CSS*/ div{ background-color:aqua; _background-color:yellow; width:100px; _width:500px; }</pre></div>
キャプチャ
- WinXP Pro SP2 + FireFox2.0.0.1(互換モード)
- WinXP Pro SP2 + InternetExplorer6.0(互換モード)
- MacOS9.2 + IE5.1(互換モード)
- MacOS10.3.9 + IE5.2(互換モード)
※Windowsのキャプチャは日記内で環境をなるべく統一するためXPのものに変更しました。
2000のはフォトライフに残しておきます。
こちらに同じ問題点と解決策が記述された記事があります。
2005-06-10 - n-yujiのテーマ作り日記 - themeグループ
バックスラッシュハックで囲んでしまえばOKなのですね。
CSS Validatorに通るソースにしたい場合は、アンダースコアハックではなくスターハックを利用すればよいと思います。
気づくの遅いな、自分…
CSSハックの参考サイト
- worldending.jp - このウェブサイトは販売用です! - レシピ リソースおよび情報
- 各ハックが実用的に見やすくまとまっています。CSS Validatorに通るか否かのコメントも有。
- 緻密で美しいイラストと、coolで見やすいデザインのBlogです。この方のようなクリエイターになりたいです!!
- IE7 を含むモダンブラウザ向けの CSS ハックまとめ - lucky bag
- ブラウザ別CSSハック一覧表: CodeWeb
- 各ハックが一覧表にまとまっています。対応ブラウザ以外に適用する例示もあります。
- 他のCSSの記事も、実用的で知っておくと便利です!!
つり橋から落下!!!
「ゼルダの伝説 トワイライトプリンセス」のつり橋、ちゃんとロープの部分以外は通れるようになってるんだね…笑