How to check if browser supports css blend modes?

Question

css

How to track through javascript or jQuery whether the browser supports the mix-blend-mode: multiply property so that later, depending on whether this property works or not, change backgrounds, images, etc.

Answer 1

https://modernizr.com/ - plugin
stackoverflow.com/questions/28087877/testing-of-cs... - solution to your problem

Answer 2

If you want to check exactly the support of the property, then it seems that there is no completely reliable way. In any case, I don't know him.
With blending modes, everything is not easy there, some browsers support it partially, plus they can work differently for HTML / SVG elements.
Supports does not actually work at the moment, because not everyone supports it.
You need to test exactly the case that is needed specifically for the task, outline the circle of browsers and then check the browser.
Yes, it's not very convenient, but I don't know any other way.

Answer 3

var re = new RegExp('<p><br></p>', 'ig'); 
// флаги:
// i - игнорировать регистр, 
// g - искать/заменять во всей строке много раз

var test = '<p><br></p>-<p><br></p>+<p><br></p>//<p><br></p>##<p><br></p>';
test.replace(re, '' ) // -+//##