Как сделать размытие Blur на фон не задевая контент?

Question

[ravlex]

Есть секция, которая содержит вложенные блоки, картинки и тд. На этой секции фоном задана картинка, но мне её нужно размыть так, чтобы другие элементы оставались не тронутыми.

<section class="test"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius et ea nemo deleniti natus aliquid</p> </section>

Comments

[ravlex]

Я знаю как её размыть, мне нужно чтобы весь контент был сверху. z-index не работает

Answer 1

[Евгений Колотилин]

Работает только в Safari
-webkit-backdrop-filter: blur(10px);

Answer 2

[Артур Боюн]

Ты пробовал через css? Есть такое волшебное свойство "BACKGROUND"