网站全局变灰代码

2020-10-18 11:03 By "Powerless" 2563 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 2020-02-07 18:57
  • 有状态服务VS无状态服务
    Posted on 2020-02-07 18:18
  • 企业级PAAS云平台几个关键问题和挑战
    Posted on 2019-06-12 18:33
  • MySQL 单库后期分库策略
    Posted on 2019-08-19 14:31
  • Redis七大经典问题
    Posted on 2021-05-27 11:14
  • 关于HTTPS的五大误区
    Posted on 2020-02-02 01:10
  • 为什么要测量尾部延迟
    Posted on 2020-09-18 10:34
  • Git五分钟教程
    Posted on 2019-11-18 22:24