请教 css 网站置灰，排除图片的问题？

作者站长头像
站长
· 阅读数 16

网站至灰一行css（不考虑兼容）：

html {  filter: grayscale(100%);}

请问如何排除网站中的图片呢？我试过如下代码，似乎不起作用

html:not(img) {  filter: grayscale(100%);}

也试过这样，也不起作用

html { filter: grayscale(100%);} 
img { filter: none; }

也试过这样，也不起作用

div,i,span,p,b {  filter: grayscale(100%);}

请问我如何做到网站置灰，排除图片呢？

回复
1个回答
avatar
test
2024-07-14

试试这个，可以将除图片外的所有元素都置灰

:not(:has(img)):not(img) {
    filter: grayscale(1);
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容