是否可以将CSS过滤器应用于图像，但不应用于背景色？

首先，有没有可能（见问题标题）不使用任何奇怪的变通方法

否则，最好的解决方法是什么

HTML:

---

我不希望背景色受到过滤器的影响。只有图像。解决方案不应特定于亮度过滤器，但应适用于任何过滤器。

您可以使用引用SVG过滤器的CSS过滤器，并使用单独的类将背景颜色添加到过滤器中。比如：

img{
-webkit筛选器：url（#brightoverback）；
过滤器：url（#brightoverback）；
}
#bck颜色{
泛光颜色：蓝色；
}

背景色的用途是什么？你能用一个容器代替吗，就像这把小提琴（粗糙地）演示的那样？图像有半透明/透明的部分，背景颜色根据用户单击的内容而变化，等等。我猜这将是最好的解决方法，但我私下希望有另一种方法。我很难让它工作。SVG过滤器在HTML文件中的具体位置？是否应将其包含在

标签中？我需要担心加载顺序吗？是的，过滤器标记需要包装在svg（可以将svg的大小设置为0宽度和高度）和defs标记中。它应该在你使用前加载。关于如何在互联网上使用过滤标签，有成千上万的例子

<img src="path/to/image.png" />

img {
    -webkit-filter: brightness(500%);
    background-color: blue;
}