正解はbackdrop-filterです。backdrop-filter: blur(10px)で背景にすりガラスのようなぼかし効果を適用できます。filterは要素自体に効果を適用しますがbackdrop-filterは要素の背後のコンテンツに適用されます。