Переполнение: наложение не работает в firefox

На моем веб-сайте мне нужно использовать свойство css overflow: overlay для <div>.

Однако это не рендеринг в браузере, и проверка css в firebug показывает, что его нет даже там, но он работает, как в Chrome. Я не тестировал сафари.

Что я должен изменить, чтобы получить свойство overflow: overlay css?

Ответы

Ответ 1

Возможные значения для переполнения:

visible
hidden
auto
scroll

См. здесь или здесь для обсуждения этих.

Использование любого другого значения в разных браузерах даст непредсказуемые результаты, поскольку они обрабатывают неправильное значение по-разному.

Изменить. Следуя комментарию, мне удалось найти упоминание о переполнении: overlay здесь.

Оверлей

описывается как:

Содержимое обрезается, и при необходимости добавляются полосы прокрутки.

Важно также отметить, что он работает только в Safari или Chrome (т.е. WebKit).

Этот пункт на WebKit bugzilla предполагает, что это недолго для этого мира в любом случае:

В настоящее время WebKit имеет собственное значение переполнения CSS, называемое "overlay", которое недокументировано, и насколько я могу судить по чтению кода, работает точно так же, как "auto".

Мы должны либо удалить его, либо переименовать его в "-webkit-overlay".

Обновить март 2016

Похоже, overflow: overlay не ушел. Есть признаки того, что он работает в соответствии со стандартами.

Разница между overlay и auto заключается только в том, что полосы прокрутки появятся над верхней частью содержимого страницы, а не заставляют ее принимать пространство макета.

Смотрите здесь для обсуждения.