蓝狮官网IE滤镜实现背景渐变

IE滤镜实现背景颜色渐变示例:

filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1);
参数说明:gradientType=0代表纵向,gradientType=蓝狮注册登陆1代表横向,

IE滤镜虽然只有IE支持,但是在目前情况来说,还是非常好用的,特别在China

优点:IE滤镜可以在IE6,7,8上使用,使这些低版本的IE实现更炫丽的效果.就目前来说在天朝还是挺不错

缺点:IE滤镜必须在浏览器支持javascript的时候才能实现效果,它像JS一蓝狮官网样必须在网页加载完毕之后才执行,这点就很坑爹了,其次IE滤镜非常消耗电脑资源.然后他还不支持RABA的透明颜色.

想要实现透明的背景渐变还要配合其它的IE滤镜.

兼容其它浏览器的背景颜色渐变

background: -webkit-gradient(linear, 0 0, 0 bottombottom, from(#fbfbfb), to(#e0e0e0));
background: -webkit-linear-gradient(#fbfbfb, #e0e0e0);
background: -moz-linear-gradient(#fbfbfb, #e0e0e0);
background: -ms-linear-gradient(#fbfbfb, #e0e0e0);
background: -o-linear-gradient(#fbfbfb, #e0e0e0);
background: linear-gradient(#fbfbfb, #e0e0e0);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fbfbfb,endcolorstr=#e0e0e0,gradientType=0);
http://wenyejie.com/2013/03/08/ie-filters-achieve-background/

标签:IE滤镜, 渐变

0 Comments
Leave a Reply