將整個網站頁面變成黑白兩色

7,312 0

記得去年知名歌手喬任梁去世的時候,百度圖片破天荒地給他弄了個黑白網頁,使得所有使用者在百度圖片搜尋喬任梁的時候都是顯示全站黑白的,對於一些需要悼念的日子,很多人也都想把自己的網站弄成全站黑白來表示自己的哀悼之情。

下面我就附上開啟全站黑白的教學和程式碼吧,只需要定義一句 CSS 即可,要將整個網站變成灰色調,你不用一張一張地修改圖片的色調,只需要在 CSS 檔案的 HTML 節點上新增下面一條定義,程式碼如下:

CSS
html {-webkit-filter: grayscale(100%);}

如果你的網站沒有引用 CSS 檔案,那麼就可以直接引用下面這段 HTML 程式碼。

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

已知以上程式碼對 QQ 瀏覽器、360 瀏覽器、IE 瀏覽器有效。

評論

(0)

暫無評論,來說兩句吧

發佈評論

© 2026 一紙忘憂. 保留所有權利.

一紙忘憂的個人網站,關於技術探索與日常生活,記錄 Web 開發、後端與 DevOps 實踐,分享軟體工具、數位體驗,以及程式碼之外的見聞與思考。