Как проверить, поддерживает ли браузер режимы наложения в css?

Question

[ti_cho]

Как через javascript или jQuery отследить, поддерживает ли браузер свойство mix-blend-mode: multiply чтобы потом, в зависимости от того работает это свойство или нет, менять фоны, изображения и т.д.

Answer 1

[Mr Crabbz]

https://modernizr.com/ - плагин
stackoverflow.com/questions/28087877/testing-of-cs... - решение вашей задачи

Answer 2

[dom1n1k]

Если вы хотите проверять именно поддержку свойства, то думается, что полностью надежного способа нет. Во всяком случае, мне он неизвестен.
С режимами наложения там всё непросто, некоторые браузеры поддерживают частично, плюс они по разному могут работать для HTML/SVG элементов.
Supports на текущий момент фактически не работает, потому что его не все поддерживают.
Нужно тестировать именно тот кейс, который нужен конкретно для задачи, очерчивать круг браузеров и проверять потом браузер.
Да, не очень это удобно, но другого способа я не знаю.

Comments

[IIIu6ko]

В css @supports поддерживается всеми браузерами кроме IE caniuse.com/@supports

[dom1n1k]

Александр Шибков: А этого уже достаточно. Но помимо IE еще есть некоторые экзотические браузеры и старые версии мейнстримовых. И в данном случае они важны, потому что вся суть этой фичи и состоит в том, чтобы рассортировать браузеры на "хорошие" и "плохие" в отношении какой-то конкретной функции. Какой в ней смысл, если она работает не везде? Если ко мне пришел пользователь со старым браузером и я не смог ею воспользоваться - цель не достигнута.