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*/