У меня есть div.outer и внутри div.inner, оба с position: absolute; и backdrop-filter: blur(8px);.
https://jsbin.com/nihakiqocu/1/edit?html, css, выход
Safari (слева) дает желаемый результат - оба элемента размывают то, что за ними.
Chrome (справа), однако, применяется только размытие div.outer:
У меня есть решение: добавить еще один div внутри div.outer и переместить backdrop-filter: blur(8px); к этому новому div.
Тем не менее, я был бы признателен за решение, которое не требует изменения DOM с первого jsbin. Кроме того, кто-нибудь знает, что вызывает это - это Chrome ошибка?
https://jsbin.com/rasudijame/1/edit?html, css, вывод
PS: он работает на iOS Chrome, но не на Android Chrome, а также не на ОС Ma c Chrome