昨年、著名な歌手の喬任梁（チャオ・レンリャン）が亡くなった際、百度画像は異例にも彼のために白黒のウェブページを用意しました。その結果、すべてのユーザーが百度画像で喬任梁を検索すると、サイト全体が白黒で表示されました。追悼が必要な日には、自分のウェブサイト全体を白黒にして哀悼の意を表したいと考える人も多いでしょう。

以下に、サイト全体を白黒にする方法とコードを紹介します。CSSを1行定義するだけで、ウェブサイト全体をグレートーンにできます。画像を1枚ずつ色調変更する必要はなく、CSSファイルのHTMLノードに次の定義を1行追加するだけです。コードは以下のとおりです。

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

ウェブサイトでCSSファイルを読み込んでいない場合は、次のHTMLコードを直接記述できます。

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

上記のコードは、QQブラウザ、360ブラウザ、IEブラウザで有効であることが確認されています。