网站全灰效果_将整个网站页面变成黑白两色[网站美化教程]

网站全灰效果_将整个网站页面变成黑白两色[网站美化教程] 正文

记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情…

下面我就附上开启全站黑白的教程和代码吧，只需要定义一句css即可，要将整个网站变成灰色调，你不用去一张一张的改图片的色调，只需要在css文件的html节点上添加下面一条定义，代码如下

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

如果你的网站没有引用css文件，那么就可以直接引用下面这段html代码

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

已知以上代码对QQ浏览器、360浏览器、IE浏览器、谷歌浏览器有效。

文章转载自iKxin小站

原文地址：https://www.ikxin.com/website-black.html

盾给网优化代码：js加入月份和日期判断。仅在4.3日当天起作用，将此段代码直接填入网站后台的头部代码或底部代码即可。

<script type="text/javascript">
var day2 = new Date();
day2.setTime(day2.getTime());
if(day2.getMonth()==3&&day2.getDate()==4){
var filter = document.getElementsByClassName('avgrund-ready');
filter[0].style.filter='grayscale(100%)'
}
</script>