タイトル通りFirefoxバージョン毎のCSSハックの記事があったのでメモ書き。

Firefox 1.0, 1.5, 3.0, 3.5 用の CSS ハック

具体的に記述方法としては、
———————————-
div.sample {background:url(img/bg00.png);}
div.sample, x:-moz-any-link {background:url(img/bg01.png);} → Firefox1.0 以降に適用
div.sample, x:-moz-read-only {background:url(img/bg02.png);} → Firefox1.5, 2.0 以降に適用
div.sample, x:-moz-broken {background:url(img/bg03.png);} → Firefox3.0 以降に適用
div.sample, x:-moz-broken, x:last-of-type {background:url(img/bg04.png);} → Firefox3.5 以降に適用
div.sample, x:x {background:url(img/bg00.png);}
———————————-
といった感じでFirefoxのバージョン毎に振り分けが可能なようです。

こういうハックはどうやって見つけるのか、
いつも不思議に思ってしまう。

久々にがっつりコーディングすることになりそうなので、
何かの時には助かるかも。

ご参考までに。。。

SHARE

Comments (1)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。

コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して