燕山网络科技

首页 文章资讯建站正文

如何把网页整体变成灰色?

燕山网络科技2020-04-03361

希望以下代码和教程永远也不要用到!

2020年4月4日举行全国性哀悼活动!

为全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼!


教程如下:

找到控制网站样式的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- */
}

还是不知道怎么添加的?请再参考下下面的图片:

如何把网页整体变成灰色? 网页变灰 建站  第1张

添加好css代码以后保存文件,清空游览器缓存即可看到网页整体变成灰色的效果。


如果设置好无效的(请确定游览器缓存已清空及改对了文件),检查网页有没有使用网页标准协议,即在网站头部显示以下代码:

如何把网页整体变成灰色? 网页变灰 建站  第2张


另外还需要注意,如果网站使用了弹窗公告插件的,先临时将弹窗公告插件关掉,否则网页设置灰色以后,弹窗无法正常关闭。

燕山网络科技 https://www.hnysnet.com/wangzhan/4403.html 转载需授权!

上一篇:商品 | 教程 | 服务展示网站主题首发了!

下一篇:优化网站css样式|优化文章评论列表分页|修复了开启阅读全文的bug

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版