200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 最新ie图标变灰css 网站变灰的CSS代码(兼容火狐 Chrome IE系浏览器)——w3cdream

最新ie图标变灰css 网站变灰的CSS代码(兼容火狐 Chrome IE系浏览器)——w3cdream

时间:2022-04-13 01:45:41

相关推荐

最新ie图标变灰css 网站变灰的CSS代码(兼容火狐 Chrome IE系浏览器)——w3cdream

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

/* 网站黑白代码 */

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|前端学习-开发...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。