当前位置:首页 > 建站技术 > 正文内容

网站全站变黑白如何实现

二向箔2022-12-01 16:58:04建站技术966

发生一些重大的公共事件,或者一些重要的日子等,很多网站需要变成黑白两色,那么它是怎么实现的呢

其实很简单,几行CSS代码即可实现,把下面这段CSS代码放到公共文件中即可。

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

中小网站实现效果还是可以的。

扫描二维码推送至手机访问。

版权声明:本站内容为原创和部分整理自网络,如有侵权务必联系我们删除,保障您的权益,本站所有软件资料仅供学习研究使用,不可进行商业用途和违法活动,本站不承担任何法律责任。

本文链接:https://www.erxbo.com/post/130.html

标签: CSS
分享给朋友:

“网站全站变黑白如何实现” 的相关文章

cn域名转出到国外域名商麻烦吗?

 cn域名是什么?  .cn域名是代表中国的国家顶级域名。中国管理的英文国际顶级域名是中国企业的互联网身份。它体现了一种文化身份、自身的价值取向。类似于美国的联邦通信委员会,信息产业部监管着电信和广播。.cn域名注册的管理机构为中国互联网信息中心 (CNNIC)。和其他国家一样,实际的注册是通过商业...

javascript 压缩 代码 还原

javascript 压缩 代码 还原

利用Chrome浏览器还原js压缩代码1,将代码在谷歌浏览器上运行起来2,按F12键打开开发工具,点击Sources一栏3,找到要还原的JS文件4,点击开发工具最下边的{}就可以完成还原5,还原后需要将代码复制出去,然后新建一个JS文件粘贴进去保存。浏览器不会改变原文件的格式。...

宝塔Nginx报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok 解决方法

宝塔Nginx报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok 解决方法

网站在运行过程中出现服务器Nginx停止,点击重启之后无法重启并出现报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok&n...

帝国cms  图片地址如何设置成二级域名(宝塔面板)?

帝国cms 图片地址如何设置成二级域名(宝塔面板)?

帝国cms 做的一个网站,由于图片过多需要把附件图片的域名设置成二级域名,方便以后设置CDN缓存加速。看了很多教程,都说需要把帝国cms  的d文件夹绑定二级域名但是这样做没有办法生效,这样设置二级域名也无法安装ssl证书1,最好的办法就是把二级域名 重新单独添加一个站点,二级域名指向网站...

sublime text 一键删除空白行的方法

sublime text 一键删除空白行的方法

 Text中按下alt+H,打开搜索功能,勾选左侧的*号区域,然后在find栏中输入正则表达式^(\t)*$\n 在replace栏留空,最后直接点击Replace All即可。简单又方便...

windows11中如何删除"$WINDOWS.~BT"文件夹

windows11中如何删除"$WINDOWS.~BT"文件夹

注意方法失效,此种方式并不能删除文件夹官方的安全做法是,以管理员权限打开cmd。将下面三条指令依次复制粘贴在cmd中并执行,就能成功删除"$WINDOWS.~BT"文件夹:takeown /F C:\$Windows.~BT\* /R /A...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。