Status bar styles for iPhone web apps
To change the status bar, the short bar with the time and carrier information, style for full screen web apps, place the following code in the <head> tag:
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
Possible options include default, black, and black-translucent, which overlays the black strip on top of your content.
Note that using black-translucent changes the viewable height of the page and should be accommodated for in your CSS.
Share this!
-
johnholdun liked this
-
zhusee2 reblogged this from webkitbits and added:
Pretty cool, but I’m wondering if developing a native app would be better… The later can provide (maybe) a faster...
-
kengao liked this
-
tbeseda reblogged this from webkitbits and added:
Now, that’s slick!
-
por liked this
-
julianstahnke reblogged this from webkitbits and added:
Hm. Maybe I’ll get back into
-
iamdanw reblogged this from webkitbits
-
webkitbits posted this
