网站置灰如何排除图片？

发布日期： 2024-10-25 阅读量： 作者： 网络

网站置灰如何排除图片？

网站置灰排除图片的 css 解决方案

要仅将网站内容置灰，同时不影响图片，可以使用 css 伪类来排除图片元素。以下提供几种解决方案：

解决方案 1：使用 :not(:has(img)):not(img)

此代码块将置灰除包含图片元素和图片元素本身之外的所有元素：

:not(:has(img)):not(img) {
    filter: grayscale(1);
}

随便看看