网站全局变灰代码

2020-10-18 11:03 by "Powerless" 2018 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"/>

登录后可发表评论

网站全局变灰代码

评论

微信扫一扫,使用小程序

评论最多