IE 滤镜介绍

1. grayscale 灰度

   .box{-webkit-filter:grayscale(100%)}

2. sepia 褐色

   .box{-webkit-filter:sepia(100%)}

3. saturate 饱和度

   .box{-webkit-filter:saturate(100%)}

4. opacity 透明度

   .box{-webkit-filter:opacity(.5)}

    filter:alpha(opacity=50)       // ie 6 7 8 兼容

5. brightness 亮度

   .box{-webkit-filter:brightness(.5)}

6. drop-shadow 阴影

  .box{-webkit-filter:drop-shadow(5px 5px 5px #ccc)}

7. blur 模糊

  .box{-webkit-filter:blur(3px)}

模糊兼容

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);