提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

玩转代码|三种方法让你的网站变灰代码

方法网站代码 三种 玩转
2023-09-11 14:14:32 时间

近期大家应该都知道几乎很多的主流网站和app全部都变灰了。为什么会这样呢？主要是悼念某些事或人。发生对国家和人民影响重大的事情，app页面就会变成灰色。如何设置呢？

 

在全站的CSS中写入以下代码：

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
body {filter: gray;}

 

1、全站变灰建议写入.css文件然后引入文件。

 <link href="css/xxxx.css" rel="stylesheet" media="all" />

2、单页面变灰直接写入css样式。在HTML代码<head>和</head> 之间插入即可。

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>

3、我们也可以F12看一些其它网站如何设置


        html {
          -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);
        }

这样就会全站变灰了。大家快去试试吧。

推荐文章
1、玩转系统|如何Windows Update自动更新

2、玩转系统|解决 Windows 11 Android子系统启动报错的问题，启用虚拟机平台教程

3、玩转逆向|简单分析获取某PDF编辑器7.3版 更高权限功能

4、玩转电脑|2种解决电脑保存文件找不到桌面存储路径问题方法

相关文章