html5窗体添加背景,HTML5+ - WebviewStyles (窗口样式) 详解

webviewStyle 设置于创建窗口函数中，格式为JSON对象，用于设置窗口的样式，属性如下：

background

窗口空白区域的背景模式，设置background为颜色值(参考CSS Color Names，可取值/十六进制值/rgb值/rgba值)，窗口为独占模式显示(占整个屏幕区域)； 设置background为“transparent”，则表示窗口背景透明，为非独占模式。

top: (String 类型 )窗口垂直向下的偏移量

支持百分比、像素值，默认值为0px。 未设置top属性值时，优先通过bottom和height属性值来计算窗口的top位置。

left: (String 类型 )窗口水平向右的偏移量

支持百分比、像素值，默认值为0px。 未设置left属性值时，优先通过right和width属性值来计算窗口的left位置。

right: (String 类型 )窗口水平向左的偏移量

支持百分比、像素值，默认无值(根据left和width属性值来自动计算)。 当设置了left和width值时，忽略此属性值； 当未设置width值时，可通过left和bottom属性值来确定窗口的宽度。

bottom: (String 类型 )窗口垂直向上的偏移量

支持百分比、像素值，默认值无值(根据top和height属性值来自动计算)。 当设置了top和height值时，忽略此属性值； 当未设置height值时，可通过top和bottom属性值来确定窗口的高度。

height: (String 类型 )窗口的高度

支持百分比、像素值，默认为100%。 当未设置height属性值时，优先通过top和bottom属性值来计算窗口的高度。

bounce: (String 类型 )窗口遇到边框是否有反弹效果

可取值：none表示没有反弹效果；vertical表示垂直方向有反弹效果；horizontal表示水平方向有反弹效果；all表示垂直和水平方向都有反弹效果。

opacity: (Number 类型 )窗口的不透明度

0为全透明，1为不透明，默认值为1，即不透明。

scalable: (Boolean 类型 )窗口是否可缩放

窗口设置为可缩放(scalable:true)时，用户可通过双指操作放大或缩小页面，此时html页面可通过meta节点设置“name="viewport" content="user-scalable=no"”来限制页面不可缩放。 窗口设置为不可缩放(scalable:false)时，用户不可通过双指操作放大或缩小页面，即使页面中的meta节点也无法开启可缩放功能。 默认值为false，即不可缩放。