Html 整个网站都是灰色的，除了一些部门不工作

我有一个页面，在加载时显示弹出窗口。整个网站是在灰度，但我想弹出div是在非灰度。我尝试过

过滤器：无

或

-webkit过滤器：灰度（0）但整个页面都是灰色的，这不起作用。有人知道吗？谢谢

-webkit-filter: grayscale(0) !important;
filter: grayscale(0) !important;

我的代码：
-webkit filter
不是一个级联的属性，可以被覆盖，它应用于整个元素及其子元素的顶部。如果在子级上放置过滤器，它将堆叠在父级过滤器的顶部

相反，您需要将过滤器放置在一个元素上，该元素是所有您希望灰显的内容的父元素


div{
高度：20px；
位置：相对位置；
}

样品
样品
样品
-webkit filter
不是一个级联的属性，可以被覆盖，它应用于整个元素及其子元素的顶部。如果在子级上放置过滤器，它将堆叠在父级过滤器的顶部

相反，您需要将过滤器放置在一个元素上，该元素是所有您希望灰显的内容的父元素


div{
高度：20px；
位置：相对位置；
}

样品
样品
样品
Hi Sammi的可能副本，为了达到上述要求，其中一个选项是在车身顶部创建一个叠加div。可以将其设置为灰度，而不是实体。稍后显示带有z索引的弹出窗口，而不是覆盖。由于您将灰度应用于正文，因此弹出窗口也将继承（作为正文的后代）相同的样式。@Sammi您也可以通过将所有网站代码放在一个过滤器中来完成此操作。请转义弹出窗口代码。然后，您就可以使用filter类中的任何筛选器了。@CuriousMind我已经尝试过用filter创建一个div，但仍然没有working@HardenRahul你能解释更多吗？我不太明白你的意思，你的意思是只应用过滤器，除了我的弹出类？可能重复Hi Sammi，以达到上述要求，其中一个选项是在主体顶部创建覆盖div。可以将其设置为灰度，而不是实体。稍后显示带有z索引的弹出窗口，而不是覆盖。由于您将灰度应用于正文，因此弹出窗口也将继承（作为正文的后代）相同的样式。@Sammi您也可以通过将所有网站代码放在一个过滤器中来完成此操作。请转义弹出窗口代码。然后，您就可以使用filter类中的任何筛选器了。@CuriousMind我已经尝试过用filter创建一个div，但仍然没有working@HardenRahul你能再解释一下吗我不太明白你的意思，你是说除了我的弹出类之外，只应用过滤器？谢谢你向Jacque解释过滤器及其级联效应。谢谢你向Jacque解释过滤器及其级联效应。