Переполнение Firefox: скрытый не работает, как в Chrome / IE

0

Я пытался добиться кросс-браузерной функциональности для входного файла с перетаскиванием/перетаскиванием, я пришел довольно близко, но это последнее, что я не могу понять. Как гласит название, он отлично работает в 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/

Заранее спасибо.

EDIT: Извините, я должен был быть более ясным в объяснении проблемы. Если вы проверите элемент ввода в firefox, вы увидите, что переполнение: hidden не скрывает переполнение, как в Chrome/IE, в результате чего смещение будет отсутствовать.

Версия Firefox: 26

  • 3
    Я не вижу разницы между Chrome и Firefox в вашей скрипке. Что делает Firefox, что нежелательно?
  • 0
    А какая версия Firefox?
Показать ещё 4 комментария
Теги:

2 ответа

1
Лучший ответ

Проверьте этот связанный вопрос: Почему переполнение: скрытые не работают в <td>?

Это потому, что у вас установлен дисплей в table-cell, что заставляет его вести себя так, как будто div фактически является td.

Поделиться
  • 0
    Чемпион, спасибо, приятель.
0

Вы можете использовать эту структуру в своем css:

-moz-overflow:hidden;
Поделиться
  • 1
    Почему? Firefox поддерживает overflow:hidden; долгое время.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню