将整个网站页面变成黑白色
<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>
上面的 CSS 代码可能只对主流浏览器支持,如果你需要支持 QQ 浏览器、360 浏览器、IE 浏览器等等其他浏览器需要使用下面这段:
<style>
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
_filter:none;
}
</style>
将代码放入前即可让对应网页变黑灰色!filter 是滤镜的意思,filter:gray 的意思就是说给页面加上一个灰度的滤镜,所以 html 里面的所有内容都会变成黑白的了。不过这个滤镜对于 chrome 和 safari 浏览器是无效的,所以下面会有一行-webkit-filter: grayscale(100%);这个样式是专属于使用 webkit 内核的浏览器的,意思和 FILTER: gray;差不多,只是写法不同罢了。
https://www.22vd.com/12107.html (转载)
将整个网站页面变成黑白色相关推荐
- 如何实现网站首页变为黑白色?
某些时候,网站会根据要求将页面调成黑白色,一开始我还以为是将连夜把图片和文字都搞成黑白色,但是转念一想,像推送产品的京东.淘宝,以及展示up内容的B站.CSDN等,刷新之后可能展示的内容均不同,作为一 ...
- 网站设置为黑白色的方法
第一种:修改CSS文件 我们可以在网页的CSS文件中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰.(如果是小白站长们,可以把这段代码和到百度统计放在一起,放之前一定要记得换行隔开) CSS代 ...
- 网站改成黑白色(兼容大部分浏览器)
有很多时候我们的网站要改成黑白色的.如果说我们必图片有点夸张,如果说用JS效率会与HTML标签的多少直接影响.最好的办法就是用CSS.但是这个功能大家都不常用.我前段时间有这么一个需求.找了好久才找到 ...
- 一个css属性让页面变成黑白色之CSS3 filter(滤镜) 属性
2020年是不平凡的一年,在此缅怀一下在抗击新冠肺炎中牺牲的烈士和因为新冠肺炎去世的同胞们,有时候我们需要让网站的页面变成黑白色彩的,只需要一个css属性filter属性即可: filter 属性定义 ...
- php如何让网页变黑白,网站改成黑白色(兼容大部分浏览器)
有很多时候我们的网站要改成黑白色的.如果说我们必图片有点夸张,如果说用JS效率会与HTML标签的多少直接影响.最好的办法就是用CSS.但是这个功能大家都不常用.我前段时间有这么一个需求.找了好久才找到 ...
- 默哀日、灾难日,纪念日,哀悼日等网站都变成黑白色
4月4日是全国的哀悼日,网站需要临时处理,变成黑白色.怎么才能快速的将网站变成黑白色呢? <body style="-webkit-filter: grayscale(100%);&q ...
- 网站一键修改黑白色方法(附代码)
为表达对抗新冠状疫情战斗牺牲烈士和逝世同胞的深切哀悼, 国务院公告2020年4月4日将举行全国性哀悼活动, 网站要求黑白色, 下面给宇哥给大家分享: 如何放一次性代码,让全站变成黑白色 效果如图 把下 ...
- 如何让网站变成黑白色或者灰色?
怎么将网站整体色调变黑白灰色?一般很庄重的事情或者影响力很大的伟人逝世.纪念日的时候,站长会把网站全部网页设置为灰色或者黑白色,以表示对逝者的悼念,本篇整理了四种可以实现网页变成灰色的代码,一起看看吧 ...
- 网页黑白代码将整个网站变为黑白色怎么弄
网页黑白代码将整个网站变为黑白色怎么弄呢,主要有三种方法,将整个网页设为黑白色代码.将整个网页在一个时间设为黑白色代码和将整个网站在一个时间段设为黑白色代码. 1.将整个网页设为黑白色代码如下: &l ...
- 哀悼日---将网站变为黑白色的方法
建议javaeye将网站也改为黑白色 最简单的把页面变成灰色的代码是在head 之间加 <style type="text/css"> html { FILTER: g ...
最新文章
- 2019攻防世界web新手区
- 为何苹果为何苹果甘愿冒险自主研发芯片?
- python数据处理实例-Python大数据处理案例
- SpringBoot开发第一个Web入门级应用(超详细)
- Shell脚本的学习笔记一:变量
- P5212-SubString【LCT,SAM】
- In aggregated query without GROUP BY, expression #2 of SELECT list contains nonaggregated column...
- PHP. 02®. Ajax异步处理、常见的响应状态、XMLHttpRequest对象及API、ajax的get/post方法、...
- 【计算机网络】IPv4 NAT
- Qt Qwdget 汽车仪表知识点拆解2 图像放大
- redis演练(1) 搭建redis服务
- OPPO 实时数仓揭秘:从顶层设计实现离线与实时的平滑迁移
- Java面试题---基础篇
- sharepoint FAST serach 设置
- LCD 调试方法及问题汇总
- 游戏服务器级别分类及对应服务器架构
- 表示自己从头开始的句子_从头开始励志的句子
- 【泰国留学那些事】水灯节--泰国人极致浪漫的艺术画像
- 小程序“扫码购”的自助收银模式可以为商家带来什么?
- 戴蒙德对新冠疫情等的分析与看法笔记