На моем веб-сайте мне нужно использовать свойство css overflow: overlay для <div>.
Однако это не рендеринг в браузере, и проверка css в firebug показывает, что его нет даже там, но он работает, как в Chrome. Я не тестировал сафари.
Что я должен изменить, чтобы получить свойство overflow: overlay css?
Спасибо
Возможные значения для переполнения:
visible
hidden
auto
scroll
См. здесь или здесь для обсуждения этих.
Использование любого другого значения в разных браузерах даст непредсказуемые результаты, поскольку они обрабатывают неправильное значение по-разному.
Изменить. Следуя комментарию, мне удалось найти упоминание о переполнении: overlay здесь.
Оверлейописывается как:
Содержимое обрезается, и при необходимости добавляются полосы прокрутки.
Важно также отметить, что он работает только в Safari или Chrome (т.е. WebKit).
Этот пункт на WebKit bugzilla предполагает, что это недолго для этого мира в любом случае:
В настоящее время WebKit имеет собственное значение переполнения CSS, называемое "overlay", которое недокументировано, и насколько я могу судить по чтению кода, работает точно так же, как "auto".
Мы должны либо удалить его, либо переименовать его в "-webkit-overlay".
Обновить март 2016
Похоже, overflow: overlay не ушел. Есть признаки того, что он работает в соответствии со стандартами.
Разница между overlay и auto заключается только в том, что полосы прокрутки появятся над верхней частью содержимого страницы, а не заставляют ее принимать пространство макета.
Смотрите здесь для обсуждения.