网站全局变灰操作方式及实现CSS代码

时间:10-26来源:作者:点击数:

CSS方法

在网站需要变灰的页面head部分加入一行style

<style type="text/css">html {-webkit-filter: grayscale(100%);}</style>

以上代码适用于主流浏览器,如新版的chrom,edge等

<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>

以上代码兼容绝大多数浏览器,包括QQ浏览器,360极速浏览器,IE浏览器等

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门