Question

IE浏览器改变图片亮度的filter怎么用

制作网页的时候，我写一个animate动画配合filter滤镜，代码如图，效果就是图片的亮度发生变化。在IE浏览器里是没有效果的，波浪线部分代码错误提示显示Mismatched property value，但是我不知道怎么改。还有一个就是-webkit-filter，-moz-filter，-o-filter，也就是白色下划线部分它会提示我Unknow CSS property filter，但是我在谷歌和火狐浏览器上看动画是正常运作的，为什么Webstorm会说不对？好的会适当加分。





Answer 1

-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性
-o-代表Opera浏览器私有属性

webstorm提示unknow是因为webstorm是ie内核，不支持其它浏览器私有属性。
-ms-filter ie8才开始支持，ie10对filter与-ms-filter都不支持
brightness是w3c滤镜，ie不支持，所以ie上没有效果。

Answer 2

貌似IE不支持这个滤镜;
我见过有人用canvas来实现类似效果，让图像变得更亮或更暗，算法将红色通道、绿色通道、蓝色通道，同时加上一个正值或负值。