方法一、wordpress
只要在你的css
头部加下面这段代码就可以了。
html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
方法二、其它网站参考下面的方法。
只要是符合w3标准的网页,在CSS
文件的最前面加上一行代码就可以了,这段代码使用的是CSS
滤镜,将网页中的色彩部分过滤掉。
html { filter:progid:DXImageTranorm.Microsoft.BasicImage(grayscale=1); }
方法三、加载 grayscale.js
这个文件,这个文件百度一下下载一个传到你的网站就可以,然后在网站头部调用代码。
<script src="grayscale.js" type="text/javascript"></script> <script type="text/javascript"> window.onload=function(){ grayscale(document.body); } </script>
林三大佬亲测,方法一 wordpress
网站确实生效了,这基于 wordpress
程序的标准化设计;
方法二在我的 typecho
上没有起作用,好像是被默认css
设置给覆盖了,无论放在哪里都没法显示;
方法三的变灰css
实测有效,但是对于外链的图片(如全球通用头像)和广告的图片(如百度百青藤联盟)并没有变灰,并且还有副作用:网站加载慢2秒,变灰效果只有在加载完之后才会显示。
针对方法二,林三再次探索后找到实现网站变灰的可用代码:
html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}
强烈不推荐方法三,加载这个
js
太影响效率
转自林三大佬