2015-06-17 3 views
0

У меня очень неприятная проблема с меню Bootstrap в Safari на устройствах OSX/IOS.Проблема с раздражающим бутстрапом в Safari

Если вы посмотрите на эту страницу:

Ссылка Удалены

В хроме или Firefox вы увидите, как она должна выглядеть, но если вы посмотрите в Safari, средняя часть ISN меню» t заподлицо вверх. Это вызывает проблемы при просмотре на iPad при перекрытии текста. Он должен выглядеть следующим образом:

How it should look on tablet http://www.nick-harper.co.uk/howitshouldlook.gif

Однако, как это:

How it looks http://www.nick-harper.co.uk/ipad.gif

Я пробовал различные разные вещи, но не могу показаться, чтобы выяснить, что вызывает его конкретно в Сафари.

Есть ли какие-либо общие проблемы, которые могут привести к его исчезновению?

+0

Вам не нужно использовать абсолютное положение, если вы хотите достичь эффекта. Также ваш CSS слишком важен. – andale

+0

Спасибо, мне удалось отсортировать это на планшете. Это просто просмотр рабочего стола Safari, где он отличается от Chrome :( – user2572639

+0

Спасибо, я разрешил это на планшетах и ​​т. Д. Просто нужно сделать среднее меню в верхней части Safari, как в Chrome. абсолютная позиция? – user2572639

ответ

0

Подводя итоги комментарии по вопросу, проблема была float:left. Он сделал высоту из нескольких элементов равными 0. Также position:unset недействителен, поэтому position:absolute из другого селектора использовался.

Смежные вопросы