firefoxにだけcssをあてたい。
javascript周りでごちゃごちゃしてしまってchromeでは動くけどfirefoxでは表示が崩れる！みたいな場合にcssでムリヤリ解決するために使いました。
(もちろんほんとはjsちゃんと直しましょう・・・)
Firefox cssハック
@-moz-document url-prefix() {
selector {
width: xxxx;
….
}
}
Firefox26.0 で動作確認済。
@-moz-document って？？
@document 規則は、ドキュメントの URL に基づいて、その中に含まれるスタイル規則を制限する @ 規則
要するにサイトごとにスタイルを適用させることができる。
@-moz-document url-prefix(foo) は、”foo”で始まるurlの場合、スタイルを適用する、ということになります。
今は””(空白)を指定してるので、どのURLでも適用される。-moz-なのでFirefoxだけ。
Firefoxハックなんてそうそう必要ないけど、メモ。