серым весь экран, включая полосу прокрутки

Question

Я хочу создать серый цвет, как у gmail, когда мы пытаемся загрузить exe. серый экран должен охватывать весь экран, даже полосы прокрутки, полосы прокрутки должны быть видны через него, но отключены как это может быть достигнуто с помощью JavaScript и CSS пожалуйста, не говорите мне, чтобы установить переполнение тела скрытым.

Answer 1

Это работает только в том случае, если вы обертываете всю страницу внутри div и устанавливаете этот div, чтобы разрешить прокрутку, но запретить тело (или использовать iframes).

В gmail тело имеет overflow:hidden.Полосы прокрутки, которые вы видите, принадлежат iframe с идентификатором canvas_frame.

Answer 2

Полосы прокрутки верхнего уровня являются компонентами браузера, а не частью холста.Таким образом, их невозможно выделить серым цветом.Вы можете выделять только серые полосы прокрутки, являющиеся частью представления HTML.

В противном случае посмотрите это

CSS / JavaScript. Используйте Div, чтобы затемнить раздел страницы

Answer 3

Пробовали ли вы посмотреть страницу gmail с помощью инструмента, подобного Firebug , когда он отображается серым цветом?

Это позволит вам точно увидеть, как они это делают;-)

Видимо, после быстрого взгляда кажется, что они используют <div>, такой как этот:

<div class="Kj-JD-Jh" style="opacity: 0.5; width: 1560px; height: 366px;"></div>

Интересно, что это 1560px больше, чем видимая область моего экрана: она содержит правую полосу прокрутки.