JavaScript——顶部状态栏背景色

[html]  view plain  copy
  1. <meta name="apple-mobile-web-app-status-bar-style" content="black" />  

说明:

除非先使用apple-mobile-web-app-capable指定全屏模式,否则这个meta标签不会起任何作用。


如果content设置为default,则状态栏正常显示。如果设置为blank,则状态栏会有一个黑色的背景。如果设置为blank-translucent,则状态栏显示为黑色半透明。


如果设置为default或blank,则页面显示在状态栏的下方,即状态栏占据上方部分,页面占据下方部分,二者没有遮挡对方或被遮挡。


如果设置为blank-translucent,则页面会充满屏幕,其中页面顶部会被状态栏遮盖住(会覆盖页面20px高度,而iphone4和itouch4的Retina屏幕为40px)。


默认值是default。



你可能感兴趣的:(JavaScript——顶部状态栏背景色)