背景渐变色，兼容IE

/*
 *
-webkit-gradient:
第一个参数：表示的是渐变的类型:linear线性渐变
第二个参数：分别对应x，y方向渐变的起始位置
第三个参数：分别对应x，y方向渐变的终止位置
第四个参数：设置了起始位置的颜色
第五个参数：设置了终止位置的颜色
-moz-linear-gradient:
第一个参数：设置渐变的起始位置
第二个参数：设置起始位置的颜色
第三个参数：设置终止位置的颜色
IE:
第一个参数：渐变起始位置的颜色，#00FFFFFF,前2个参数是透明度，00白色，ff黑色
第二个参数：渐变终止位置的颜色
第三个参数：渐变的类型
0 代表竖向渐变  1 代表横向渐变
 * */

.line-dynamic-color{
   background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5)));
   background:-moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.5 ));
   background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
   FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#00ffffff,endColorStr=#ff000000); /*IE 6 7 8*/
   background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.5));/* IE 10 */
   padding-top:10px;
   padding-bottom:10px;
   bottom:0px;
   border-radius: 8px;
}

:root.line-dynamic-color {
   filter: none; /* IE9下需要关闭滤镜，否则会与背景色同时生效 */
}