制作コラム&お知らせ

モダンブラウザ 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ハック

デザイン事務所|エイビッツは個人事業&SOHOネットワークによる運営をしております。

Copyright © 2011-2024 Aveit. All rights reserved. — WebSite by Aveit.