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 (eg left: 100px)

Answer 2

这是一个 Mozilla 问题：https ://bugzilla.mozilla.org/show_bug.cgi?id=664707 该补丁尚未发布。