반투명 검정색 상태 표시 줄이있는 전체 화면 웹 앱이 있습니다. body 태그의 배경은 # 333입니다.iOS 전체 화면 웹 앱 색상 상태 막대
모달을 강조하기 위해 모든 콘텐츠를 어둡게하고 싶습니다. 다음 속성을 사용하여 오버레이 div를 사용하는 경우 상태 표시 줄의 배경을 덮지 않습니다.
div#overlay {
background-color: rgba(0, 0, 0, .5);
position: fixed;
z-index: 100;
width: 100vw;
height: 100vh;
}
아무도 내가 상태 표시 줄을 어둡게 할 수있는 방법을 알고 있습니까? 참고로
(직접 body 태그의 색상을 변경하지 않고) , 내 웹 응용 프로그램의 메타 태그는 다음과 같습니다
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
PS : {최고 : -20px;} 작동하지 않는 상태 바 ist 여전히 빛.