Safari 6.1 скрывает внутренний div, когда внешний div имеет положение:fixed и overflow:auto

Question

Safari 6.1 скрывает внутренний div, когда внешний div имеет положение:fixed и overflow:auto

В некоторых ситуациях Safari изменил способ отображения дочерних объектов вне своих родителей.

Настроить:

Родительский (#outer) div с position:fixed а также overflow:auto
Ребенок (#inner) div с position:fixed и расположен выше или ниже родителя

Пример: http://jsfiddle.net/2tp9R/

Я смог воспроизвести это только в сафари 6.1. Firefox, Chrome и IE отображают дочерний элемент так же, как раньше.

Вопрос: Как это можно обойти?

PS Опасность!-Иший вопрос.

0

html css safari safari6

Источник

user235635 21 ноя '13 в 14:32

1 ответ

Решение

Другие вопросы по тегам html css safari safari6

user235635 21 ноя '13 в 14:32 2013-11-21 14:32 · Accepted Answer · 2013-11-21 14:32

Временное решение

Если overflow:auto удален или fixed изменено на absolute ребенок показан.

Пример: http://jsfiddle.net/5kfbe/

Это может решить проблему не во всех ситуациях, например, когда вам нужно overflow:auto а также position:fixed быть установленным на вашем родительском div. У кого-нибудь есть лучшее решение?