网站全局变灰代码
2020-10-18 11:03 By
"Powerless"
2684
0
1
【CSS方法】
在网站需要变灰的页面head部分加入一行style
<head>
<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>
</head>
以上代码适用于主流浏览器，如新版的chrom，edge等。
<head>
<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>
</head>
以上代码兼容绝大多数浏览器，包括QQ浏览器，360极速浏览器，IE浏览器等
以上代码也可以全局写入css文件中，我们伟致的网站系统一般采用style.css/theme.css/app.css三种命名方式。如果写入全局，那么整个网站变灰。
另外有部分网站还采用flash，那么以上代码就无法生效，需要修改flash部分的代码。
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
View in WeChat
Others Discussion
-
PHP练习-移动数组内的0到最后并保持其他元素顺序不变 Posted on 2020-08-14 20:32
-
PHP设计模式 - 委托模式 Posted on 2019-04-25 16:15
-
HTTP头中隐藏PHP版本号 Posted on 2021-01-11 16:38
-
Composer 异常 [ErrorException] Posted on 2019-11-25 17:55
-
PHP8.1 性能基准测试 Posted on 2022-10-08 17:40
-
必学十大经典排序算法，看这篇就够了 Posted on 2019-11-18 16:30
-
Linux工具 - NM目标文件格式分析 Posted on 2019-04-24 10:29
-
PHP练习-爬楼梯问题 Posted on 2020-08-14 23:56
评 论