這里給大家分享一行代碼實現WordPress網站變成灰色，非常簡單的教程。
將下面代碼加入在后臺外觀，自定義里面的額外css里即可

html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }

這段CSS代碼可以變網頁為黑白，將代碼加到CSS最頂端就可以實現素裝。【實則是給全站渲染黑白濾鏡】

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

如果你的頁面中沒有HTML標簽，記得加進去，可以加以下HTML5標簽，或者更換上面的CSS標簽的html為body或者其它。

有一些網站FLASH動畫的顏色不能被CSS濾鏡控制，可以在FLASH代碼的和之間插入：

如果某些帶有Flash的頁面仍顯示彩色，或瀏覽器上下滾動條拖動時Flash FLV播放器變花（例如劍網3、劍俠世界官網分流頁），將Flash改為JS輸出（本例為SWFObject）：

麻煩的話還有下面簡單的：

JS代碼，加入需要變灰的頁面即可：

(function() { var date = new Date(); if (date.getMonth() === 3 && date.getDate() === 4 && date.getFullYear() === 2020) $('head') .append('html,body{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}') })();

CSS代碼：

html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter:gray;} html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} html {filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); html{filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1);}

?

總結

以上是生活随笔為你收集整理的网站网页变灰色代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。