Firefox溢出：隱藏不起作用，因爲它在Chrome/IE中工作

Question

我一直在試圖實現拖放輸入文件的跨瀏覽器功能，我已經非常接近但最後一件事我不能完全弄清楚。正如標題所說，它在Chrome/IE中工作得很好，但在Firefox中它表現不一樣。爲了簡單起見，我忽略了我的小提琴中的拖放功能，因爲它與問題無關。

<div class='browseWrapper'> 
    Drag & Drop Images Here</br><em>Or click to browse.</em> 
    <input class='browseImage' type='file' /> 
</div> 

這裏是我到目前爲止有：提前http://jsfiddle.net/sPJ9u/

感謝。

編輯：對不起，我應該更清楚地解釋這個問題。如果你在firefox中檢查輸入元素，你會發現overflow：hidden不會像在Chrome/IE中那樣隱藏溢出，導致偏移失效。

的Firefox版本：26

Answer 1

退房此相關的問題：Why does overflow:hidden not work in a <td>?

這是因爲你的顯示設置爲表單元格，這使得它的行爲就好像div實際上是一個td。

Answer 2

你可以在你的CSS使用結構：

-moz-overflow:hidden;