Div, который скрывает весь сайт

Поскольку мы не можем определить, является ли сайт автономным или нет в php, я сделал это в javascript. Я хотел скрыть весь сайт с помощью белого div и написать небольшое предложение, чтобы сказать, чтобы добавить приложение на главный экран. (Во время тестирования я накинул красный цвет).Div, который скрывает весь сайт

Я пробовал <div style="width:100%;height:100%;" ></div>, конечно, с телом и html на 100%; но было пустое пространство справа и внизу страницы. (Я думаю, что это было для полосы прокрутки).

Затем я установил ширину и высоту 110%, а переполнение тела и html - в скрытое; но это не сработало. (Проблема с переполнением: скрыта в iPhone).

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

Может ли кто-нибудь сказать мне, как это сделать? (Может быть, с помощью JavaScript, чтобы изменить класс)

источник

2012-06-02 user1365010

Просто поместите в DIV непосредственно под телом:

<body> 
    <div id="myDiv"></div> 
</body>

CSS:

#myDiv { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    z-index: 999; 
}

Это позволит сделать DIV больше, экран.

источник

2012-06-02 17:28:19 Chango

Вы можете использовать эти стили:

div { 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0; 
    top: 0; 
    background: #fff; 
    z-index: 100000; 
}

Если вам нужно, чтобы скрыть скроллбар тела просто добавить

body { 
    overflow: hidden; 
}

DEMO:http://jsfiddle.net/MJAAU/

источник

2012-06-02 17:28:33 VisioN

Я проверю другой ответ как принятый из-за несовместимости позиции: исправлено для iOS ниже 5. – user1365010

Использование позиция: фиксированная, ширина: 100%; & высота: 100% для этого div & сделайте высоту & ширина html & корпус 100% будет на безопасной стороне. Я думаю, это поможет вам.

источник

2012-06-02 17:43:07 SVS

Div, который скрывает весь сайт

ответ

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