モダンブラウザ CSSハックまとめ
2012/01/18
FirefoxやSafari等のモダンブラウザで良く使いそうなCSSハックをまとめてみました。
とは言え、通常はWindowsのFirefoxやSafariで制作して、IEなどにハックを当てるのが普通なんですが、一応メモ書きとして。
body {
color: red; /* 通常 */
}
body, x:-moz-any-link {
color: red;
} /* Firefox */
body, x:-moz-any-link, x:default {
color: red;
} /* Firefox 3.0以上 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
color: red;
}
} /* Safari 3以上, Chrome*/
*+html:first-child body {
color: red;
} /* Opera */
IE6/IE7/IE8/IE9 CSSハックまとめはこちら→
Windows版とMac版の同じブラウザOperaのバージョン11.6で表示が違う事態に遭遇しまして。 おそらく同時使用したAjax内のcssが原因かと思われますが、いまだ解決に至っておりません。 Mac版Operaの使用者はほんのごくわずかであり、しかも可読上問題はない、レイアウト自体も崩れているわけではないと言う事でOKを頂きましたが、納得できず・・・ 只今捜査中！
※同時に複数のハックを使用する場合、機能しなくなる現象がありました。 新しくハック関するコラムを書きましたのでこちらもどうぞご覧になってご参考ください！
↓↓↓
IE6/IE7/IE8/IE9/IE10/＆モダンブラウザ CSSハック