firefox - 当容器在 Firefox 中进行 css3 转换时，选择标记无法正常工作

Question

我有一个问题，我想使用 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>​

Answer 1

我发现的最佳解决方案是禁用 Firefox 的转换:

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

也可以在里面定义一些 css fallback for transform (e.g. left: 100px)