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

Question

我有一个问题，我想使用css3转换动画我的容器框，其中包含选择保管箱等内容。问题是在Firefox 16.0.2中，select函数不起作用。这很奇怪。删除转换，它工作正常。

任何可能的工作而不诉诸于jquery动画？

编辑：

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回退（例如，左：100px）

Answer 2

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