Как правильно применить фильтр к элементу?

Question

[fantazerno]

Добрый день!

Разбирался со свойством Filte и столкнулся с проблемой, что если его применить на блок родителя, то оно применится и к детям. Можно ли для детей убрать это свойство? Пробовал выставлять значения 0 или none. Не помогло.

Пример можно посмотреть здесь https://jsfiddle.net/xg9L49sn/1/

Заранее благодарю Вас.

Answer 1

[Александр Гончаров]

Это так не работает. Фильтры как и opacity работают на весь элемент, включая его потомков.

Answer 2

[Дмитрий Королёв]

Для детей убрать фильтр невозможно.
Не совсем понятно, какого эффекта вы хотите добиться. Попробуйте так: https://jsfiddle.net/xg9L49sn/3/
Или так: https://jsfiddle.net/xg9L49sn/2/