css - 是否可以将除 img 之外的整个页面转换为灰度？

Question

我试过了，但没用:

body {
    -webkit-filter: grayscale(100%);
}
img {
    -webkit-filter: none !important;
}

Answer 1

如另一个答案中所述，将灰度应用于除图像之外的所有元素。

body *:not(img) {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
h1 {
  color: red;
}
img {
  float: left;
}
p {
  color: green;
}

<h1>Phil is Awesome</h1>
<img src="http://www.fillmurray.com/200/300" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, corrupti culpa suscipit, saepe voluptas eius.</p>