原创著作,产权保护 政府、投票、评选、公安、学校、问卷、视频会议专注发展中小企事业 系统报价 | 支付帐号 | 授权查证
    计算机著作版权登记号:2014SR032463 手机:+86-1373066-4304 | QQ:1213920482 欢迎选择智睿软件系统 欢迎选择智睿软件系统
智睿软件系统
如何让你的网站变成黑白色调 CSS代码
来源:智睿 浏览:703 次 发布时间:2020-04-03 16:40:48

代码是兼容了IE7-9(6没测)、Firefox、Chrome等浏览器,高级浏览器主要是用了CSS3的滤镜,而IE本身自己有滤镜,但是性能不好,所以不推荐使用,不过使用一两天还是没问题的。


/*网页变黑白*/
html{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter:grayscale(100%);
    filter: url("data:image/svg+xml;utf8,#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}


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

【刷新页面】【加入收藏】【打印此文】 【关闭窗口】
上一篇:数字报刊系统介绍及系统演示下载 下一篇:智睿企业视频版网站系统 V 10.0.3 开源企业网站系统,视频企业系统