Фоновый фильтр не применяется, если непрозрачность родительского объекта меньше 1. ⇐ CSS

[Anonymous]

У меня есть элемент-контейнер с переменной непрозрачностью. Предполагается, что его дочерний элемент будет размывать фон.

Проблема в том, что фоновый фильтр применяется только тогда, когда непрозрачность родительского элемента равна ровно 1. Однако, если я уменьшу непрозрачность самого дочернего элемента, фоновый фильтр останется.

Может ли кто-нибудь помочь мне заставить это работать правильно?

Я не могу использовать цвет фона для изменения непрозрачности контейнера.

#container{ непрозрачность: 1; позиция: абсолютная; верх: 0; ширина: 200 пикселей; высота: 80 пикселей; контур: 0,1 пикселя, сплошной черный; } #ребенок{ ширина: 100%; высота: 100%; фоновый фильтр: размытие (10 пикселей) Это должно быть размыто Родительская непрозрачность:1
Дочерняя непрозрачность:1 родительскийRange.oninput = (e) => { Container.style.opacity = e.target.value родительскийReadout.textContent = e.target.value } childRange.oninput = (e) => { child.style.opacity = e.target.value childReadout.textContent = e.target.value }