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

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

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

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

спасибо

1 ответов


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

visible
hidden
auto
scroll

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

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

редактировать: после комментария мне удалось найти упоминание о overflow: overlay здесь.

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

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

главное, что он также сказал только для работы в Safari или Chrome (т. е. WebKit).

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

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

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

Обновление Март 2016

выглядит так:overflow: overlay не ушел. Есть признаки его работают в стандартах.

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

посмотреть здесь обсуждение.