背景 实现可以兼容所有浏览器的渐变背景

1.代码

2.遇到的问题

设置背景大小时，不能设置为height:100%

如果设置height:100%，会出现如下问题：

（1）. 对于IE10以下的浏览器，height:100%对于浏览器完全没有作用，相当于没有设置高度

image.png

（2）.对于其他浏览器，一旦内部元素的高度超过了100%（浏览器不产生滚动条的高度），就会出现背景不能全覆盖浏览器的问题。

image.png

解决办法：

1.不设置背景div的高度，直接用内部元素撑起div
2.如果不想有滚动条的话，就设置body的宽度为100%，而不需要.gradient啦