网站全局变灰代码

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


评 论

Others Discussion

  • 初识七层、五层、四层网络协议
    Posted on 2021-04-09 16:52
  • Redis各种数据类型的使用场景举例分析【二】
    Posted on 2018-11-22 10:30
  • QPS、TPS、RT、吞吐量到底是什么
    Posted on 2020-02-02 01:15
  • 2018年云计算热词
    Posted on 2019-06-12 18:19
  • Linux工具 - NM目标文件格式分析
    Posted on 2019-04-24 10:29
  • ACID原则
    Posted on 2020-12-17 16:36
  • 前端知识体系精简-Css
    Posted on 2018-03-28 18:34
  • 浏览器访问网站经历的步骤-Html
    Posted on 2018-11-28 18:48