--- title: "「追悼」サイト全体を白黒にする - 憂いを忘れる一枚" description: 昨年、有名歌手の喬任梁さんが亡くなったときのことを覚えていますか。百度画像は異例にも彼のために白黒のウェブページを用意し、すべてのユーザーが百度画像で喬任梁さんを検索すると、サイト全体が白黒で表示されるようにしました。追悼が必要な日には、自分のウェブサイト全体を白黒にして哀悼の意を示したいと考える人も多いでしょう。 canonical_url: "https://www.ikxin.com/ja/article/website-black-white" last_updated: "2026-09-16T09:59:27.259Z" locale: ja meta: "og:description": 昨年、有名歌手の喬任梁さんが亡くなったときのことを覚えていますか。百度画像は異例にも彼のために白黒のウェブページを用意し、すべてのユーザーが百度画像で喬任梁さんを検索すると、サイト全体が白黒で表示されるようにしました。追悼が必要な日には、自分のウェブサイト全体を白黒にして哀悼の意を示したいと考える人も多いでしょう。 "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~44CM6L-95oK844CN44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GZ44KLIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~44CM6L-95oK844CN44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GZ44KL%2Cdescription_~5pio5bm044CB5pyJ5ZCN5q2M5omL44Gu5Zas5Lu75qKB44GV44KT44GM5Lqh44GP44Gq44Gj44Gf44Go44GN44Gu44GT44Go44KS6Kaa44GI44Gm44GE44G-44GZ44GL44CC55m-5bqm55S75YOP44Gv55Ww5L6L44Gr44KC5b2844Gu44Gf44KB44Gr55m96buS44Gu44Km44Kn44OW44Oa44O844K444KS55So5oSP44GX44CB44GZ44G544Gm44Gu44Om44O844K244O844GM55m-5bqm55S75YOP44Gn5Zas5Lu75qKB44GV44KT44KS5qSc57Si44GZ44KL44Go44CB44K144Kk44OI5YWo5L2T44GM55m96buS44Gn6KGo56S644GV44KM44KL44KI44GG44Gr44GX44G-44GX44Gf44CC6L-95oK844GM5b-F6KaB44Gq5pel44Gr44Gv44CB6Ieq5YiG44Gu44Km44Kn44OW44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GX44Gm5ZOA5oK844Gu5oSP44KS56S644GX44Gf44GE44Go6ICD44GI44KL5Lq644KC5aSa44GE44Gn44GX44KH44GG44CC%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL3dlYnNpdGUtYmxhY2std2hpdGUi%2Cs_RxLcMzIawN_vfUK6.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_~44CM6L-95oK844CN44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GZ44KLIC0g5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2Cc_Article%2Ctitle_~44CM6L-95oK844CN44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GZ44KL%2Cdescription_~5pio5bm044CB5pyJ5ZCN5q2M5omL44Gu5Zas5Lu75qKB44GV44KT44GM5Lqh44GP44Gq44Gj44Gf44Go44GN44Gu44GT44Go44KS6Kaa44GI44Gm44GE44G-44GZ44GL44CC55m-5bqm55S75YOP44Gv55Ww5L6L44Gr44KC5b2844Gu44Gf44KB44Gr55m96buS44Gu44Km44Kn44OW44Oa44O844K444KS55So5oSP44GX44CB44GZ44G544Gm44Gu44Om44O844K244O844GM55m-5bqm55S75YOP44Gn5Zas5Lu75qKB44GV44KT44KS5qSc57Si44GZ44KL44Go44CB44K144Kk44OI5YWo5L2T44GM55m96buS44Gn6KGo56S644GV44KM44KL44KI44GG44Gr44GX44G-44GX44Gf44CC6L-95oK844GM5b-F6KaB44Gq5pel44Gr44Gv44CB6Ieq5YiG44Gu44Km44Kn44OW44K144Kk44OI5YWo5L2T44KS55m96buS44Gr44GX44Gm5ZOA5oK844Gu5oSP44KS56S644GX44Gf44GE44Go6ICD44GI44KL5Lq644KC5aSa44GE44Gn44GX44KH44GG44CC%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL3dlYnNpdGUtYmxhY2std2hpdGUi%2Cs_RxLcMzIawN_vfUK6.png" "twitter:image:alt": "「追悼」サイト全体を白黒にする - 憂いを忘れる一枚" --- > Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt) # **「追悼」サイト全体を白黒にする** 2017.05.22 7,434 0 昨年、有名歌手の喬任梁さんが亡くなったときのことを覚えていますか。百度画像は異例にも彼のために白黒のウェブページを用意し、すべてのユーザーが百度画像で喬任梁さんを検索すると、サイト全体が白黒で表示されるようにしました。追悼が必要な日には、自分のウェブサイト全体を白黒にして哀悼の意を示したいと考える人も多いでしょう。 ここでは、サイト全体を白黒にする方法とコードを紹介します。CSSを1行定義するだけでよく、ウェブサイト全体をグレー調にするために、画像を1枚ずつ色調変更する必要はありません。CSSファイルのHTMLノードに次の定義を1つ追加するだけです。コードは以下のとおりです。 CSS ``` html {-webkit-filter: grayscale(100%);} ``` ウェブサイトでCSSファイルを読み込んでいない場合は、次のHTMLコードを直接記述できます。 Plain Text ``` ``` 上記のコードは、QQブラウザ、360ブラウザ、IEブラウザで有効であることが確認されています。 ## **コメント** (0) まだコメントはありません ## **コメントを投稿** ```json {"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/website-black-white#webpage","@type":"WebPage","description":"昨年、有名歌手の喬任梁さんが亡くなったときのことを覚えていますか。百度画像は異例にも彼のために白黒のウェブページを用意し、すべてのユーザーが百度画像で喬任梁さんを検索すると、サイト全体が白黒で表示されるようにしました。追悼が必要な日には、自分のウェブサイト全体を白黒にして哀悼の意を示したいと考える人も多いでしょう。","name":"「追悼」サイト全体を白黒にする","url":"https://www.ikxin.com/ja/article/website-black-white","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/website-black-white"]}]}]} ``` ## Sitemap See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.