1

セグメント化されたコントロールを作成するための優れたソリューションについて言及したJavascript のセグメント化されたコントロールに関する素晴らしい投稿を見つけました。フィドルはこちらです: http://jsfiddle.net/LdZk8/1/

jquery は非常に短く、優れています。

$("ul.buttonGroup").click(function (event) {
    $("li", this)
    .removeClass("selected")
    .filter(event.target)
    .addClass("selected");
});

私の問題は、これが safari と chrome ではうまく機能しているのに、firefox では適切にレンダリングされないことです。Firefox でフィドルを表示し、実行を押すだけで表示されます。

これを修正する方法を知っている人はいますか？CSS に関連していると思われ、Webkit 要素が無視されている可能性がありますが、FF でこれを修正する方法がわかりません。

ありがとう！

4

1 に答える 1

2

Firefox と IE で同じ効果を得るために必要な、ブラウザ-webkit-効果と一般的な同等物を含めていないため、Chrome/Safari でのみうまく機能します。-moz-ms

たとえば、-webkit-box-flexを含める場合、Firefox との互換性のために-moz-box-flexも含める必要があります。

いくつかの便利なリンク:

Mozilla Developer - さまざまな CSS3 プロパティの定義/構文を見つけます。

ColorZilla - Webkit バージョンを貼り付けるだけで、他のブラウザーと同等の構文を取得します。

于 2013-04-02T15:31:21.997 に答える