Как сделать отделение 100% страницы (не, экранируют), высота?
После редактирования файла с помощью vim нажмите «esc», а затем «:». Затем введите следующую команду:
w !sudo tee %
Затем нажмите «Enter». Затем введите
:q!
, чтобы успешно выйти из редактора.
3 ответа
Если вы измените position: absolute на position: fixed , он будет работать во всех браузерах, кроме IE6. Это фиксирует div в области просмотра, поэтому он не выходит из поля зрения при прокрутке.
Вы можете использовать $ (document) .height () в jQuery, чтобы он работал и в IE6. Например,
$('.screenMask').height($(document).height());
Это, очевидно, исправит это и для всех других браузеров, но я предпочитаю не использовать JavaScript, если я могу этого избежать. На самом деле вам нужно будет проделать то же самое с шириной, если есть горизонтальная прокрутка.
Существует множество хитростей, чтобы фиксированное позиционирование работало и в IE6 , но они, как правило, либо наложить другие ограничения на ваш CSS, либо использовать JavaScript, так что они, вероятно, не стоят того.
Кроме того, я предполагаю, что у вас есть только одна из этих масок,
If you are using jQuery to set the height before the popup I'm guessing it is OK to add some more javascript :)
You can set the height of the div to the scrollHeight of document.body - this way it should cover the whole of the body. You do need to add some extra trickery to make sure it keeps covering the body in case something underneath decides to grow though.
div.screenMask
{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1000;
background-color: #000000;
opacity: 0.7;
filter: alpha(opacity=70);
visibility: hidden;
}
Установив все верхний , нижний , левый , и справа , высота и ширина вычисляются автоматически. Если screenMask является прямым потомком элемента и действует стандартная блочная модель (т. Е. Режим quirks не активирован), это будет охватывать всю страницу.