CSS3实现渐变色

background:linear-gradient(top, #D880FF, #6F3DB4,#e3db73);

linear-gradient：渐变色关键字

(top, #D880FF, #6F3DB4,#e3db73):渐变的方式以及颜色值

top：渐变色的方向 ‘top’是指从元素的顶部开始渐变。

可选参数：

            top：从元素的顶部开始渐变

            left：从元素左侧开始渐变

            right：从元素右侧开始渐变

            left top：从元素左上角开始渐变

            right top：从元素右上角开始渐变

            left bottom：从左下角开始渐变

            right bottom：从右下角开始渐变

颜色值：可以填写十六进制值和标准颜色值

兼容IE9以下写法：filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0');/*IE 浏览器*/

startColorstr：开始颜色值

endColorstr:结束颜色值

能兼容所有浏览器的透明样式：

 opacity:.5;/*chrome firefox opera IE9+*/
 filter:alpha(opacity=50)/*IE9以下浏览器写法*/