html谷歌兼容代码,让网站变灰的css代码（支持IE、Firefox和Chrome）

四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面笔者整理了几种让网页变灰色的CSS代码，供各位站长参考！

方法1：支持IE

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

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

方法2：支持IE

body {filter:gray}

说明：此方法支持IE，不支持Firefox和Chrome等非IE内核浏览器。

提示：虽然这个方法代码量最小，但是效果却不好，而且网页也比较卡。

方法3：同时支持IE和Chrome

html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}

说明：此方法支持IE浏览器、Safari和Chrome等浏览器，但是不支持Firefox浏览器。

方法4：使用grayscale.js插件

使用grayscale.js插件。这个插件是模拟IE的filter:progid方，官网地址在：

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

使用方法：

window.οnlοad=function(){

grayscale(document.body);

}

说明：支持IE、Safari、Chrome、Opera和Firefox等浏览器。

问题：这个在IE下也挺占资源的。

建议：使用方法3，虽然不支持更多的浏览器，但是稳定、速度快，而且资源占用小。

html谷歌兼容代码,让网站变灰的css代码（支持IE、Firefox和Chrome）相关推荐

最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）——w3cdream|前端学习-开发...
之前找了一些代码在火狐下无效,于是百度谷歌一起上,终于被我找到了支持火狐.谷歌等浏览器的把网页变黑白代码: /* 网站黑白代码 */ html{ filter: grayscale(100%); -w ...
在收到消息后秒级使网站变灰，不改代码不上线，如何实现？
注意:文本不是讲如何将网站置灰的那个技术点,那个技术点之前汶川地震的时候说过. 本文不讲如何实现技术,而是讲如何在第一时间知道消息后,更快速的实现这个置灰需求的上线. 实现需求不是乐趣,指挥别人去实现 ...
[导入]全国哀悼日网站变灰装(附代码)[转]
根据国务院文件,5.19-5.21为全国哀悼日,在此期间,全国和各驻外机构下半旗志哀,停止公共娱乐活动,外交部和我国驻外使领馆设立吊唁簿.5月19日14时28分起,全国人民默哀3分钟,届时汽车.火车. ...
兼容ie 浏览器的网站变灰，公祭日
亲测有用兼容ie 让网站变灰前言:很多人指出用filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 来实现ie,但是我 ...
如何使用css实现网站变灰效果
目录示例代码分析 grayscale saturate 总结参考为了悼念新冠病毒牺牲的烈士,很多网站都在清明节那天把网站设置成了灰色. 示例我选择了几个网站,先来看看它们是如何实现网站变灰效 ...
网站变灰代码，一行代码让网站整体变灰，wordpress网站一行代码全站变灰教程
在遇到特殊情况的时候,我们作为站长需要紧急将网站变灰的需求,在此小编给大家总结了几种方法,通过简单修改一下站点样式即可实现.一段代码让网站整体变灰.这里主要介绍的利用 filter: grayscal ...
html页面整体变灰,CSS + JS 网站变灰（变黑白），兼容所有浏览器。
有的网站可能需要用到全站黑白功能(一般常用于悼念日) ,最方便就是增加css代码,但经测试不兼容IE10.11浏览器,所以配合grayscale.js这个插件,可以完美兼容所有浏览器,这里我制作了个一 ...
网站变灰CSS，多浏览器兼容版本
网站变灰CSS,多浏览器兼容版本: <style> body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: g ...
一行css代码让整个网站变灰, 通过js控制定点触发和关闭
今天是5.12是个特殊的日子,有的时候吧会把整个网站变灰的需求这个我们用css过滤器一行代码就能实现了 filter: grayscale(100%); 问题是出在定点触发这块,我们可以通过 ...

html谷歌兼容代码,让网站变灰的css代码（支持IE、Firefox和Chrome）

html谷歌兼容代码,让网站变灰的css代码（支持IE、Firefox和Chrome）相关推荐

最新文章

热门文章