Div-wang

将网页变灰的CSS代码

今天无意之中看到了阿烈叔的css filter文章。

IE中可以直接使用CSS Filter实现,但非IE浏览器,却没有直接的提供类似方法。 好在CSS3出现了,可以通过filter:graysacle实现,但是目前仅支持chrome(18 dev+), 其他浏览器好像暂时没有支持的打算! 不过没关系,在中国,目前IE(6/7/8/9)+ Chrome(18 dev+)基本能覆盖了绝大部分浏览器(包括360、Maxthon、Sougou等)。 -webkit-filter,严格意义上将,这个都不是CSS3的一部分,充其量算得上chrome浏览器的私有css,

试了下,感觉效果碉堡了!

代码:

html {
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(1.0);
}

effect可取下列值:

关注我的公众号
支付宝领红包