「애도」 전체 웹사이트 페이지를 흑백으로 바꾸기

지난해 유명 가수 차오런량(乔任梁)이 세상을 떠났을 때를 기억하시나요? 바이두 이미지는 이례적으로 그를 위해 흑백 웹페이지를 만들었고, 모든 사용자가 바이두 이미지에서 차오런량을 검색할 때 사이트 전체가 흑백으로 표시되도록 했습니다. 애도가 필요한 날에는 많은 사람들도 자신의 웹사이트 전체를 흑백으로 만들어 애도의 마음을 표현하고 싶어 합니다.

아래에 사이트 전체를 흑백으로 설정하는 방법과 코드를 첨부하겠습니다. CSS를 한 줄만 정의하면 됩니다. 웹사이트 전체를 회색 톤으로 바꾸기 위해 이미지를 하나씩 수정할 필요 없이, CSS 파일의 HTML 노드에 아래 정의 한 줄만 추가하면 됩니다. 코드는 다음과 같습니다.

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

웹사이트에서 CSS 파일을 참조하지 않는다면 아래 HTML 코드를 직접 삽입하면 됩니다.

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

위 코드는 QQ 브라우저, 360 브라우저, IE 브라우저에서 작동하는 것으로 알려져 있습니다.