Как добавить тень к фактической рамке экрана на html поверх другого контента? Если это невозможно, то тот же вопрос для рамки тела.Как добавить тень к фактической рамке экрана на html?
Это не работает:
body {
-webkit-box-shadow: inset 0 0 10px #0d1f2b;
-moz-box-shadow: inset 0 0 10px #0d1f2b;
-o-box-shadow: inset 0 0 10px #0d1f2b;
box-shadow: inset 0 0 10px #0d1f2b;
}
Это показывает, тень на экране рамки, но я могу прокрутить его вверх путем прокрутки содержимого страницы:
.screen {
position:absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0 0 10px #0d1f2b;
-moz-box-shadow: inset 0 0 10px #0d1f2b;
-o-box-shadow: inset 0 0 10px #0d1f2b;
box-shadow: inset 0 0 10px #0d1f2b;
}
<div class="screen"></div>
вы пытались сделать это положение: исправлен? –
Joao, к сожалению, он не работает на iPad, когда клавиатура видна :(http://stackoverflow.com/questions/10659891/fixed-position-div-freezes-on-page-ipad – Dmitry
проверить, может ли это помочь: http : //stackoverflow.com/questions/7970389/ios-5-fixed-positioning-and-virtual-keyboard –