最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）—

之前找了一些代码在火狐下无效，于是百度谷歌一起上，终于被我找到了支持火狐、谷歌等浏览器的把网页变黑白代码：

/* 网站黑白代码 */

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

使用方法：将这段代码加入网站公共css文件最底部，到前台刷新一下，网页变灰色了吧，包括网站的广告、图片等整个网页变黑白了，网上流传的网页变灰代码大多都支持IE核心的浏览器，对火狐、谷歌等支持不好，我找到的这段网页变灰代码完美兼容火狐、谷歌等浏览器。

还有一种方法：

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: url("data:image/svg+xml;utf8,#grayscale");

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

filter: url("data:image/svg+xml;utf8,#grayscale");

最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）——w3cdream|前端学习-开发...相关推荐

php常用插件,关于PHP网站编程中常用插件的使用——w3cdream|前端学习-开发
网站的建设涉及很多方面,一些功能的开发可能会消耗程序员很长的时间,虽然可以说增加我这个网站的数据量,但是同样也浪费了很长时间,那么如何快速的能节约时间又能够减少开发的周期呢,这就要使用插件了,我们都知 ...
网站变灰代码，一行代码让网站整体变灰，wordpress网站一行代码全站变灰教程
在遇到特殊情况的时候,我们作为站长需要紧急将网站变灰的需求,在此小编给大家总结了几种方法,通过简单修改一下站点样式即可实现.一段代码让网站整体变灰.这里主要介绍的利用 filter: grayscal ...
网站变灰CSS，多浏览器兼容版本
网站变灰CSS,多浏览器兼容版本: <style> body *{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: g ...
一行css代码让整个网站变灰, 通过js控制定点触发和关闭
今天是5.12是个特殊的日子,有的时候吧会把整个网站变灰的需求这个我们用css过滤器一行代码就能实现了 filter: grayscale(100%); 问题是出在定点触发这块,我们可以通过 ...
html页面整体变灰,CSS + JS 网站变灰（变黑白），兼容所有浏览器。
有的网站可能需要用到全站黑白功能(一般常用于悼念日) ,最方便就是增加css代码,但经测试不兼容IE10.11浏览器,所以配合grayscale.js这个插件,可以完美兼容所有浏览器,这里我制作了个一 ...
如何使用css实现网站变灰效果
目录示例代码分析 grayscale saturate 总结参考为了悼念新冠病毒牺牲的烈士,很多网站都在清明节那天把网站设置成了灰色. 示例我选择了几个网站,先来看看它们是如何实现网站变灰效 ...
网站变灰，寄托哀思，让我们共同行动!( 图片、文字、Flash变灰)
网站变灰,寄托哀思,让我们共同行动! 在全局CSS定义中加入以下代码,可使除FLASH外的元素变灰 body { filter:progid:DXImageTransform.Microsoft.Ba ...
“网站变灰”的代码实现
网站变灰为了表示哀悼,当天很多网站把主页和内容都变成了灰色,比如百度.B 站.爱奇艺.CSDN 等等. CSDN&&爱奇艺&&百度等实现: html.gray {- ...
【2020.04.04缅怀英烈，哀悼英雄】哀悼日网站变灰代码
哀悼日网站变灰代码.昨晚加班把公司的多有网站全变设置完成,缅怀英烈,哀悼英雄.记住你们,因为你们我们变得安全,谢谢你们. 在全站的CSS中写入以下代码: html { filter:progid:DX ...

最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）——w3cdream|前端学习-开发...

最新ie图标变灰css,网站变灰的CSS代码（兼容火狐、Chrome、IE系浏览器）——w3cdream|前端学习-开发...相关推荐

最新文章

热门文章