展开菜单

实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案

实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案

实现图像灰度(grayscale)最初有ie6推出的专属属性filter实现,后来在css3里w3c实现了标准的filter,但是在不同浏览器的实现程度不一样,因此需要一种浏览器兼容的解决方案。 IE私有滤镜的方式:自IE4开始,IE引入了私有滤镜,可以实现透明度、模糊、阴影、发光等效果,当然也可以实现灰度图像效果。代码如下: img { filter: gray; /* just for IE6-9 */ } IE10开始抛弃了这种私有滤镜,但是还没有提供对标准CSSfilter的支持,所以说IE10以上版本的灰度图像,仍然是一个问题...