网站置灰排除图片的 css 解决方案
要仅将网站内容置灰，同时不影响图片，可以使用 css 伪类来排除图片元素。以下提供几种解决方案：
解决方案 1：使用 :not(:has(img)):not(img)
此代码块将置灰除包含图片元素和图片元素本身之外的所有元素：
:not(:has(img)):not(img) {
filter: grayscale(1);
}解决方案 2：负 margin
传媒公司模板(RTCMS)1.0
下载
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目，如果修改栏目，需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML，安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据，安装时可选择演示安装或全新安装。如果全新安装，后台内容充实后，首页才能完全显示出来。（全新安装后可以删除演示数据用到的图片，目录在https://
另一种方法是使用负 margin 将图片移出容器并将其浮动在灰色背景之上。例如：
img {
display: block;
margin-top: -100vh;
float: left;
}将 body 元素置灰：
body {
background-color: #f5f5f5;
}解决方案 3：叠加透明层
还可以创建一个透明层来覆盖图片区域，同时使其他区域置灰。例如：
.overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
z-index: 1;
}
img {
z-index: 2;
} 
