CSS color gradients in different browser settings

In the Web development, inevitably encounter browser compatibility issues, about CSS set color gradient below there is a workaround, directly on the code:

Applies to Google Chrome:
Background:-webkit-gradient (linear, 0 0, 0 100%, from (#4285fa), to (#366dcb));
From: Refers to the gradient start color
To: Refers to the color at which the gradient ends

Suitable for use in Firefox browser
Background:-moz-linear-gradient (top, #4285fa, #366dcb);
Top: Is the value gradient direction from top to bottom
The first color refers to the gradient start color
The second color refers to the color at which the gradient ends

Suitable for use in IE browser
Filter:progid:DXImageTransform.Microsoft.gradient (gradienttype=0, startcolorstr= #4285fa, endcolorstr= #366dcb);
StartColorStr: Refers to the gradient start color
EndColorStr: Refers to the color of the end of the gradient

Turn from:

Http://www.cnblogs.com/MrALei/archive/2012/12/13/2816846.html