Div не скрывается из-за эффектов -web-kit

Question

Я пытаюсь скрыть некоторые конкретные DIVS, когда страница не просматривается в автономном браузере Safari на iPad через

$(function(){

            var mainNav = $( "#mainNav" );
            var body = $( document.body );

            if (
                ("standalone" in window.navigator) &&
                !window.navigator.standalone
                ){

                mainNav.hide();
            } 
});

, и она работает с каждым DIV, за исключением определенного DIV, который не исчезнет, не важно что.

Этот DIV, назовем его «Кнопками», я могу кратко его увидеть, прежде чем он скрывается.Особенность этого DIV в том, что он имеет цвет фона, и когда внутри него есть текст, цвет фона появляется на короткое время.Если внутри него есть изображение или нет цвета фона, DIV полностью исчезает, как и должно быть.Но если у меня есть цвет фона и текст, то он показывает на короткое время.

Есть идеи, почему это так?

Answer 1

Раньше не сталкивался с этой проблемой, но из того, что вы говорите, вы можете сделать некрасивую работу (если вам это нужно исправить как можно скорее).

Вы говорите, что у DIV нет цвета фона, он сразу исчезает. Не могли бы вы просто добавить цвет фона и текст после того, как он был скрыт? Да, это очень некрасиво, но сейчас это может быть быстрым решением:)

Вы также можете попробовать использовать некоторые серверные сценарии (если это возможно) для проверки браузера перед отображением страницы.

Думаю, это мои лучшие предложения, извините за то, что не дал вам отличного решения = /