タイトル通り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のバージョン毎に振り分けが可能なようです。

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

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

ご参考までに。。。

  • このエントリーをはてなブックマークに追加
BlackFlag
FOLLOW

Related Posts

Comments (1)







コメント内容

※コメントにHTMLタグを直接入力しないでください。
※HTMLタグを入力する際はタグ一つ一つの括弧「<」「>」を全角に変換して入力してください。
コメントは承認制になっているのですぐには反映されません。コメント頂いた内容については出来る限り早めの対応を心掛けていますが、時期によって返答が遅くなってしまうことがありますので、何卒ご了承ください。
» コメントについてのご注意  |  » ライセンスに関して

Firefoxバージョン毎のCSSハック

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner