网站全局变灰代码


在有些情况下,为了响应一些事件,需要对整个网站的主题色做出调整,我们来看看代码怎么实现的。

【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"/>


上一篇 下一篇

评论

登录后可发表评论