firefoxのみにcssハック | 三十路ママ日記

三十路ママ日記

2011年4月17日 元気なムスコくんが誕生!

ハック。
詳しくはコチラ→http://coliss.com/articles/build-websites/operation/css/the-hacks-css-browser-targeting.html

あんまり多用したくないですよね。
だけど、緊急の際はたまに使います。

よく使うのが「:root」ハック。

レイアウトが崩れるのは大体ieだからie以外のブラウザにハックかけちゃうのが一番楽。しかし今回はfox以外のブラウザ全てがレイアウト崩れるという事態に。

29歳新米ママリエール日記
↑最後の備考の文字が下によっている

様々試みるもまったく直らず。しかも苦手なtableとformの組み合わせです。ということで強引にposition指定して上に揃えました。この時に使用したのがfoxだけに適応させるハックです。2系と3系に適応させるために2個記述します。

/* Firefox 2 */
#selector, x:-moz-any-link {
property: value;
}

/* Firefox 3 */
#selector, x:-moz-any-link, x:default {
property: value;
}


クライアントにデータ提出する時にテンパってFirefox2系のハックをし忘れてしまったのですが(自分が使用しているのが3系だからブラウザチェックのしようがないのだが…。)連絡ないから大丈夫だったのでしょう。