更改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屬性確定網頁是否以全屏模式顯示。

雖然我沒有測試過。