title: apple-mobile-web-app-status-bar-style in ios 10
body: <p>I know this question has been asked previously, just want to know if this is still the case in ios 10 (and ios 9)...</p>
  
  <p>According to the apple developer guidelines for web apps (<a href="https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html" rel="noreferrer">found here</a>), there are 3 choices for the status bar in a web app; <strong>default</strong>, <strong>black</strong> and <strong>black-translucent</strong>.</p>
  
  <ol>
  <li><strong>Default</strong> results in a white status bar with black text,</li>
  <li><strong>Black</strong> results in a black status bar with white text, and</li>
  <li><strong>Black-translucent</strong> results in a transparent background with white
  text. Additionally, this status bar floats above your content,
  meaning you have to push your content down 20px in order to not have
  the content overlap with thte status bar text.</li>
  </ol>
  
  <p>I'd really like to use the black-translucent status bar (as I think it looks more native), but the background of my page is a light grey. This makes the white text on this status bar very hard to read.</p>
  
  <p>Put simply, I'd just like a transparent background with black text (essentially, <strong>default-translucent</strong>). Is this possible?</p>