css3 颜色 背景 渐变

渐变放在 css里的语句 一定要按这个顺序排，才不会出错。

否则 有的浏览器会不正常，今天本来调好了，发现IE9不行，搞了半天不行，崩溃了 最后准备还是使用背景图片算了

最后一次 测试， 终于搞定

background: -moz-linear-gradient(top, #fefefe, #d3ecff); /* moz火狐 top , left top ,三种类型 。过渡颜色可以多个 */

background: -webkit-gradient(linear, 0% 20%, 100% 100%, from(#fefefe), to(#d3ecff)); /*webkit chrome*/

background: -o-linear-gradient(top, #fefefe, #d3ecff); /*opera*/

background: linear-gradient(to bottom, #fefefe, #d3ecff); /*IE10*/

-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fefefe, endColorstr=##d3ecff)"; /*IE8+*/

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#d3ecff); /* ie9*/