H5各种小技巧

1.做H5 App页面时，有时候，按钮可能会放到页面的最底下，这个时候可能会用到绝对定位（position: absolute），但是，当input 输入框被点击时，弹出的软键盘会顶起底部的按钮，就像这样：

这个时候，可以给 底下的 Button 或者包含这个Button的Div  添加一个CSS样式：z-index: -1

但是，这种方法只适用于内容不满一屏的情况下可以用，否则，就找不到按钮了

2.禁用input的自动提示功能

将input元素的autocomplete属性设置为off可以关闭自动提示，如果所有表单元素都不想使用自动提示功能，只需在表单form上设置autocomplete=off。

3.背景透明，文字不透明的办法

background-color:rgba(255,255,255,0.15)   ->最后一位代表透明度

4.什么是CSS清除浮动？

在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。

浮动

推荐使用伪类after的方法来清除浮动，通过CSS伪元素在容器的内部元素最后添加了一个看不见的空格"020"或点"."，并且赋予clear属性来清除浮动。需要注意的是为了IE6和IE7浏览器，要给clearfix这个class添加一条zoom:1;触发haslayout。

.clearfix:after{

      content: "020";

       display: block;

        height: 0;

        clear: both;

        visibility: hidden;

}

.clearfix {

    /* 触发 hasLayout */

     zoom: 1;

}

5.overflow:hidden会影响inline-block布局，使用垂直对其可以修正这种情况

.a,.b{width:48%;height:30px;line-height:30px;display:inline-block;vertical-align: bottom;}