Без javascript, могу ли я оформить div, чтобы скрыть текущий документ, включая его поля?

Question

это можно сделать с помощью javascript, но только с помощью CSS, можно ли стилизовать div для наложения точно на содержимое любого документа страницы или области просмотра (чтобы применить непрозрачный серый слой на странице)? поскольку у страницы может быть поле для элемента body, поэтому стилизация div по ширине элемента body не подходит. (должен работать и в IE 6)

Answer 1

ЕСЛИ у вас есть <div>, как это:

<div id="cover"></div>

Эти стили должны делать это:

#cover {
    background-color: #ccc;
    opacity: 0.6;
    filter:alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Протестировано на странице, где у тела есть поле, и оно закрыло для меня все окна просмотра в IE и FF.

Answer 2

высота: 100% не покрывает область просмотра, если длина документа меньше высоты области просмотра В этом случае вам придется использовать Javascript.

Answer 3

Будет ли обманом использовать способность IE выполнять JavaScript в CSS?

width:expression(document.body.clientWidth)