程序员

把网页变成黑白(兼容谷歌、火狐、ie等浏览器)

作者:admin 2021-04-30 我要评论

往css文件里写入 复制代码 代码如下: 01.html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: graysc...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
往css文件里写入

复制代码
代码如下:

01.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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}

其实也就是加一个灰色滤镜

原文链接:https://m.jb51.net/web/79170.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 把网页变成黑白(兼容谷歌、火狐、ie等

    把网页变成黑白(兼容谷歌、火狐、ie等

  • 怎样让一个div高度自适应浏览器高度

    怎样让一个div高度自适应浏览器高度

  • CSS优先级的相关知识详细介绍

    CSS优先级的相关知识详细介绍

  • 浏览器显示TIF格式图像的方法

    浏览器显示TIF格式图像的方法

腾讯云代理商
精彩导读
海外云服务器
热门资讯
腾讯云代理商