2

選択したドロップボックスなどのコンテンツを含む css3 変換を使用してコンテナ ボックスをアニメーション化するという問題があります。問題は、Firefox 16.0.2 では選択機能が機能しないことです。とてもグリッチです。変換を削除すると、正常に動作します。

jquery animateに頼らずに回避策はありますか?

編集：

http://jsfiddle.net/DZjPr/

ごめん！jfiddle の準備はすべて整っていましたが、リンクを追加するのを忘れていました

 <div id="container" style="transform: translate(0px, 17px); -webkit-transform: translate(0px, 17px); -moz-transform: translate(0px, 17px);">

        <div>

             <select name="amt">

              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>

            </select>

        </div>
    </div>​
4

2 に答える 2

1

私が見つけた最善の解決策は、Firefox の変換を無効にすることです。

@-moz-document url-prefix() {
    .parent {
        transform: none;
    }
}

内部では、変換用のいくつかの CSS フォールバックを定義することもできます (例: 左: 100px)

于 2013-04-01T17:52:35.080 に答える
0

これは Mozilla の問題です: https://bugzilla.mozilla.org/show_bug.cgi?id=664707 パッチはまだリリースされていません。

于 2012-11-13T15:09:45.780 に答える