更改iOS的10 web应用程序的状态栏

Question

我工作的一个Web应用程序的iOS的10（使用框架7），我想更改默认的状态栏的黑色。

我尝试这样做：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

但它不工作...我该怎么办？

谢谢！

Answer 1

试试这个在CSS

.statusbar-overlay { 
background: black; 

}

Answer 2

要获得以黑色文本光状态栏，使用：

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 

为了得到一个黑色的状态栏有白色文字，用途：

<meta name="apple-mobile-web-app-status-bar-style" content="default"> 

要获得透明状态栏用白色文本，使用：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 

见this link

如果你想一个半透明状态栏，您可以添加固定在页面的顶部20像素高吧。我会尽量查询该应用程序是否处于全屏模式：您可以使用window.navigator.standalone只读布尔JavaScript属性确定网页是否以全屏模式显示。

虽然我没有测试过。