css+js网站变灰

历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命
重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际。
火狐和chrome浏览器比较简单,直接用css3搞定:



  
这是一段文字

对于IE7-IE9浏览器,可以使用IE自带的滤镜,在页面头部内加入样式:

body{ filter:gray; }/*IE7-IE9,必须加在body元素上*/

IE10/11需要用grayscale.js来解决:



可是现在切换回IE7、IE8、IE9,css不起作用了,so,我们需要判断IE浏览器版本分别用css、js的方式处理,IE7-9下用css自带的滤镜,IE10-11用grayscale.js处理,那么全兼容的写法是:



  
这是一段文字

你可能感兴趣的:(css+js网站变灰)