用CSS將整個網站變成黑白色調的方法-\(^o^)/~html5

2020年4月4日，全國哀悼日，所有政府類的網站都要求變為黑白色的，看到這個消息之後，我的第一反應是：拿到網站所有的圖片資源，PS中建立動作進行去色操作，將圖片轉換成黑白的進行替換。

後來發現了個更簡單的辦法，用css控制即可

<code>			
html
,
			
body
 {
				
filter
: progid:DXImageTransform.Microsoft.
BasicImage
(grayscale=
1
);
				
-webkit-filter
: 
grayscale
(
100%
);
				
-moz-filter
: 
grayscale
(
100%
);
				
-ms-filter
: 
grayscale
(
100%
);
				
-o-filter
: 
grayscale
(
100%
);
				
filter
: 
grayscale
(
100%
);
				
filter
: gray;
			}/<code>

將上面這段代碼拷貝到公用的css文件中或者頁面樣式部分即可，簡單高效

連swf文件和背景色之類的全部都調整成功了，非常完美

為自己的機智點個贊，哈哈哈哈哈哈