---
title: "「悼念」将整个网站页面变成黑白两色 - 一纸忘忧"
description: 记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。
canonical_url: "https://www.ikxin.com/article/website-black-white"
last_updated: "2026-09-16T09:59:27.259Z"
locale: zh-cn
meta:
  "og:description": 记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~44CM5oK85b-144CN5bCG5pW05Liq572R56uZ6aG16Z2i5Y-Y5oiQ6buR55m95Lik6ImyIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~44CM5oK85b-144CN5bCG5pW05Liq572R56uZ6aG16Z2i5Y-Y5oiQ6buR55m95Lik6Imy%2Cdescription_~6K6w5b6X5Y675bm055-l5ZCN5q2M5omL5LmU5Lu75qKB5Y675LiW55qE5pe25YCZ77yM55m-5bqm5Zu-54mH56C05aSp6I2S55qE57uZ5LuW5pCe5LqG5Liq6buR55m9572R6aG177yM5L2~5b6X5omA5pyJ55So5oi35Zyo55m-5bqm5Zu-54mH5pCc57Si5LmU5Lu75qKB55qE5pe25YCZ6YO95piv5pi-56S65YWo56uZ6buR55m955qE77yM5a-55LqO5LiA5Lqb6ZyA6KaB5oK85b-155qE5pel5a2Q77yM5b6I5aSa5Lq65Lmf6YO95oOz5oqK6Ieq5bex55qE572R56uZ5byE5oiQ5YWo56uZ6buR55m95p2l6KGo56S66Ieq5bex55qE5ZOA5oK85LmL5oOF44CC%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL3dlYnNpdGUtYmxhY2std2hpdGUi%2Cs_Rzqfpwdf4cZkZhMJ.png"
  "og:image:alt": "「悼念」将整个网站页面变成黑白两色 - 一纸忘忧"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": 「悼念」将整个网站页面变成黑白两色
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~44CM5oK85b-144CN5bCG5pW05Liq572R56uZ6aG16Z2i5Y-Y5oiQ6buR55m95Lik6ImyIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~44CM5oK85b-144CN5bCG5pW05Liq572R56uZ6aG16Z2i5Y-Y5oiQ6buR55m95Lik6Imy%2Cdescription_~6K6w5b6X5Y675bm055-l5ZCN5q2M5omL5LmU5Lu75qKB5Y675LiW55qE5pe25YCZ77yM55m-5bqm5Zu-54mH56C05aSp6I2S55qE57uZ5LuW5pCe5LqG5Liq6buR55m9572R6aG177yM5L2~5b6X5omA5pyJ55So5oi35Zyo55m-5bqm5Zu-54mH5pCc57Si5LmU5Lu75qKB55qE5pe25YCZ6YO95piv5pi-56S65YWo56uZ6buR55m955qE77yM5a-55LqO5LiA5Lqb6ZyA6KaB5oK85b-155qE5pel5a2Q77yM5b6I5aSa5Lq65Lmf6YO95oOz5oqK6Ieq5bex55qE572R56uZ5byE5oiQ5YWo56uZ6buR55m95p2l6KGo56S66Ieq5bex55qE5ZOA5oK85LmL5oOF44CC%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL3dlYnNpdGUtYmxhY2std2hpdGUi%2Cs_Rzqfpwdf4cZkZhMJ.png"
  "twitter:image:alt": "「悼念」将整个网站页面变成黑白两色 - 一纸忘忧"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **「悼念」将整个网站页面变成黑白两色**

2017.05.22 7,418  0

记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。

下面我就附上开启全站黑白的教程和代码吧，只需要定义一句 CSS 即可，要将整个网站变成灰色调，你不用去一张一张的改图片的色调，只需要在 CSS 文件的 HTML 节点上添加下面一条定义，代码如下：

 CSS

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

如果你的网站没有引用 CSS 文件，那么就可以直接引用下面这段 HTML 代码。

 Plain Text

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

已知以上代码对 QQ 浏览器、360 浏览器、IE 浏览器有效。

## **评论**

(0)

暂无评论，来说两句吧

## **发布评论**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/#website","@type":"WebSite","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","inLanguage":"zh-CN","name":"一纸忘忧","url":"https://www.ikxin.com/","workTranslation":[{"@id":"https://www.ikxin.com/zh-tw#website"},{"@id":"https://www.ikxin.com/ko#website"},{"@id":"https://www.ikxin.com/en#website"},{"@id":"https://www.ikxin.com/ja#website"}]},{"@id":"https://www.ikxin.com/article/website-black-white#webpage","@type":"WebPage","description":"记得去年知名歌手乔任梁去世的时候，百度图片破天荒的给他搞了个黑白网页，使得所有用户在百度图片搜索乔任梁的时候都是显示全站黑白的，对于一些需要悼念的日子，很多人也都想把自己的网站弄成全站黑白来表示自己的哀悼之情。","name":"「悼念」将整个网站页面变成黑白两色","url":"https://www.ikxin.com/article/website-black-white","isPartOf":{"@id":"https://www.ikxin.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/article/website-black-white"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.