[CSS教程]CSS如何渐变色？兼容各类主流浏览器

如何给CSS增加渐变色效果？

元素模板为您解答：

直接在需要的地方加入下面代码：

filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff0000,endcolorstr=#fff,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff0000,endcolorstr=#fff,gradientType=0);/*IE8*/	
background:#ff0000; /* 一些不支持背景渐变的浏览器 */  
background:-moz-linear-gradient(top,#ff0000, #fff);  
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(#fff);  
background:-o-linear-gradient(top,#ff0000, #fff); 

红色代码是渐变色上方的颜色代码
蓝色代码是渐变色下方的颜色代码

直接替换即可，兼容主流各类浏览器