Firefox에서 컨테이너에 css3 변형이있을 때 선택 태그가 올바르게 작동하지 않습니다.

Question

select dropbox와 같은 내용이 포함 된 css3 transform을 사용하여 컨테이너 상자에 애니메이션을 적용하려는 문제가 있습니다. 문제는 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

이것은 모질라 문제가 추가 깜빡 : https://bugzilla.mozilla.org/show_bug.cgi?id=664707 이 패치는 아직 발표되지 않았다에게.

Answer 2

내가 찾은 가장 좋은 방법은 사용하지 파이어 폭스 변환을하는 것입니다

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

은 또한 내부 (예를 들어 왼쪽 : 100 픽셀) 변환에 대한 몇 가지 CSS를 대체를 정의 할 수 있습니다