html5页面当中，打字时键盘把背景覆盖住了怎么办？

解决方法

1、scrollIntoView(alignWithTop): 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。

2、alignWithTop 若为 true，或者什么都不传，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。

3、alignWithTop 若为 false，调用元素会尽可能全部出现在视口中，可能的话，调用元素的底部会与视口顶部平齐，不过顶部不一定平齐。

4、该方法是唯一一个所有浏览器都支持的方法，类似还有如下方法，但是只有在Chrome和Safari有效。

5、代码如下：

6、再次测试，效果如下：

7、相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题：当切换输入法的时候，input框的位置会往下移动，被键盘挡住一部分，而且出现的概率比较高（中英文切换），效果如下：

8、当软键盘被唤起是，使用 scrollTop() 方法使input元素滚动到指定的位置，但是滚动的具体数值需要调试才能给出，所以这里就不再演示了。

样式名相同且样式属性相同的，以最后一个link样式里面的样式为准；

样式属性不相同的，全部link里的样式都有效

例如；

link1.css

.link{ width:10pxheight:10px}

link2.css

.link{ width:20pxpadding-left:10px}

link3.css

.link{ margin-bottom:20px}

同时引入3个文件,呈现出来的样式为：

.link{ width:30pxheight:10pxpadding-left:10px}

在div classs属性里面样式顺序是没影响的，link引入样式先后顺序有影响，后面覆盖前面相同的样式

---