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

网站全站变黑白如何实现

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

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

其实很简单,几行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
分享给朋友:

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

linux系统 su:user - does not exist 怎么解决

su:user - does not exist代码的意思是用户不存在。要么用户名错误要么登录密码错误或者登录方式错误linux 切换用户的时候 命令su 运行 出现password 的时候输入密码而不是  命令 su  后面直接跟着密码输...

帝国cms“建立目录不成功!请检查目录权限”,的解决方法

帝国cms“建立目录不成功!请检查目录权限”,的解决方法

在安装完帝国cms之后,进行数据更新的时候,有时候会提示“建立目录不成功!请检查目录权限”。如果是新安装帝国cms,是因为没有进行初始化数据造成的,按照安装帝国cms安装步骤,一步步来恢复数据即可。如果是网站迁移搬家,是网站系统参数哪里没有把网址和目录更改成最新的,有手机站的同时要把手机站目录和网址...

帝国cms 文章内容页调用tags标签和静态化设置

帝国cms 文章内容页调用tags标签和静态化设置

1,文章内容页调用tags标签用法 <div class="article-tags">标签:[showtags]'selfinfo',3,0,'' ,0,'','',1,&...

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

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

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

帝国CMS 编辑器上传图片取消宽高的方法

帝国CMS 编辑器上传图片取消宽高的方法

帝国cms 在后台编辑器内上传图片的时候,会自动获取图片的宽高,同时代码中也会出现图片的宽高尺寸,看起很智能其实很不方便,图片的宽高固定之后,前台文章显示就会出现变形,高度还好,图片一但超过文章页的宽度,图片宽度就会被自动压缩,导致图片变形。所以后台编辑器中的默认宽高一定要去掉。1,找到文件路径,修...

soybean-admin 高颜值且功能强大的后台管理模板

soybean-admin 高颜值且功能强大的后台管理模板

一个清新优雅、高颜值且功能强大的后台管理模板特性:- 前沿技术应用:采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。- 清晰的项目架构:采用 pnpm monorepo 架构,结构清晰,优雅易懂。- 严格的代码规范:遵循 SoybeanJS...

发表评论

访客

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