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

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

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

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標(biāo)簽，記得加進去，可以加以下HTML5標(biāo)簽，或者更換上面的CSS標(biāo)簽的html為body或者其它。

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

如果某些帶有Flash的頁面仍顯示彩色，或瀏覽器上下滾動條拖動時Flash FLV播放器變花（例如劍網(wǎng)3、劍俠世界官網(wǎng)分流頁），將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);}

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。