将整个网站页面变成黑白色

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

上面的 CSS 代码可能只对主流浏览器支持，如果你需要支持 QQ 浏览器、360 浏览器、IE 浏览器等等其他浏览器需要使用下面这段：

1. <style> 

2.     html { 

3.         -webkit-filter: grayscale(100%); 

4.         -moz-filter: grayscale(100%); 

5.         -ms-filter: grayscale(100%); 

6.         -o-filter: grayscale(100%); 

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

8.         _filter:none; 

9.     } 

10. </style>

将代码放入前即可让对应网页变黑灰色！filter 是滤镜的意思，filter:gray 的意思就是说给页面加上一个灰度的滤镜，所以 html 里面的所有内容都会变成黑白的了。不过这个滤镜对于 chrome 和 safari 浏览器是无效的，所以下面会有一行-webkit-filter: grayscale(100%);这个样式是专属于使用 webkit 内核的浏览器的，意思和 FILTER: gray;差不多，只是写法不同罢了。

 

https://www.22vd.com/12107.html （转载）