javascript - SVG Filters Turn Off My CSS Filters. Why?

Question

Stepping through my page, this line of code turns off my SVG Filter:

if (document.getElementById("cPreview") != null) document.getElementById("cPreview").style.filter =  "brightness(" + parseInt(percentB) + "%)" + " contrast(" + parseInt(percentC) + "%)" +  " saturate(" + parseInt(percentS) + "%)";  

If I add SVG code to that, my CSS Filters are turned off:

if (document.getElementById("cPreview") != null) document.getElementById("cPreview").style.filter = svgCOLOR + "brightness(" + parseInt(percentB) + "%)" + " contrast(" + parseInt(percentC) + "%)" +  " saturate(" + parseInt(percentS) + "%)";  

How do I code that so the SVG Filter and the CSS Filters play nicely together?

Thank you

---

Someone asked for an example. Here is the original image:

Here is the image with the CSS Filters applied:

Here is the image with the SVG Filter applied:

The image with all filters applied. I had to make this in a photo editor because that one line of code isn't working. It all comes down to that one line of code posted above. I can make CSS work, or make SVG work, but I cannot make both work together. Thank you

Answer 1

等待大神解答