一部のデバイスでは、一部の要素でしかぼかしが機能しません

こんにちは。

最近、Chromeとモバイルでぼかし処理に問題が発生し始めました。
例えばモバイルでは、背景とトップバーがぼやけていません。しかし、ランダムなドロップダウンはぼやけています。


デスクトップブラウザでも同様です。Chromeでは、ユーザーメニューとドロップダウンサイドバーがぼやけています。しかし、それ以外の要素はぼやけていません。

ここで、すべてのデバイスで背景を設定しましたが、前述の通りモバイルでは機能しません。

メニューパネルはここで処理されています。

スクリーンショットを見ると、モバイルでは一部の要素にしか機能せず、デスクトップではChromiumで特定のものしかサポートしておらず、Firefoxでは問題がないため、ここで何が間違っているのかわかりません。

更新:ヘッダーをぼかすと問題が発生するようですが、これもChromiumでのみ発生します。

更新2:背景にwebkitを追加し忘れていました。これが原因でしょうか?