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

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

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

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

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

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