轉換後在Firefox中替換的選擇框：縮放（）

Question

縮放的DIV包含兩個選擇框。 由於縮放選擇框正在改變位置。 但打開選擇框後的選項是在它是無調整父DIV

請Fiddel位置顯示：在Chrome和Opera

http://jsfiddle.net/wJ4H9/

失敗在FF 28個

效果很好

代碼：

<div style="transform: scale(0.8);transform-origin: center center 0px; position:absolute; top:0; left:0; bottom:0; right:0;"> 
    <select style="position:absolute; top:50%; left:50%"> 
     <option>1</option> 
     <option>2</option> 
    </select> 

    <select style="position:absolute; top:60%; left:30%"> 
     <option>1</option> 
     <option>2</option> 
    </select> 
</div> 

感謝您的建議

Answer 1

絕對是Firefox中的一個bug。你應該提交一個bug here。

在Chrome中，一旦添加-webkit-transform:scale(0.8)，下拉菜單的位置就會正確。 （請參閱http://jsfiddle.net/wJ4H9/2/）但是請注意，這些選項並未縮小。