Css设置颜色渐变在谷歌、火狐，IE浏览器中

在web开发中,难免会遇到浏览器之间的兼容问题，很是头痛，关于Css设置颜色渐变就是我遇到过的一个问题，下面是我解决的办法。直接上代码
适用于谷歌浏览器：
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb));
from:是指渐变起始颜色
to:是指渐变结束的颜色
适用于火狐浏览器中
background: -moz-linear-gradient( top,#4285fa,#366dcb);
top:是值渐变方向从上向下
第一个颜色是指渐变起始颜色
第二个颜色是指渐变结束的颜色
适用于IE浏览器中
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4285fa, endColorstr=#366dcb);
startColorstr：指渐变起始颜色
endColorstr:指渐变结束的颜色

转载于:https://www.cnblogs.com/MrALei/archive/2012/12/13/2816846.html