网站变成黑白色的几种方法

最新推荐文章于 2023-07-17 10:42:06 发布

白鲸ld

最新推荐文章于 2023-07-17 10:42:06 发布

阅读量580

点赞数 1

分类专栏：个人总结文章标签： javascript

本文链接：https://blog.csdn.net/qq_53280805/article/details/128121800

版权

个人总结专栏收录该内容

83 篇文章 0 订阅

订阅专栏

一些影响力的很大的伟人逝世的时候，我们都会看到很多网站变成了黑白色，今天我们敬爱的一位领导逝世了，默哀。
变成黑白色的第一种方法：

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

第二种：

 html {

        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

        -webkit-filter: grayscale(100%);
     }

第三种：

<script>
    var navStr = navigator.userAgent.toLowerCase();
    if(navStr.indexOf("msie 10.0")!==-1||navStr.indexOf("rv:11.0")!==-1){ // 判断是IE10或者IE11
        grayscale(document.body);
        grayscale(document.getElementsByTagName("img"));
        document.getElementsByTagName('body')[0].className = 'bodyGrey'; //加类名
    }

	var style = document.createElement("style");
    style.type = "text/css";
    style.innerHTML="body {filter:gray;filter: grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)}"
    style.id="addStyle"
    document.getElementsByTagName("HEAD").item(0).appendChild(style);
</script>