So erstellen Sie einen halbtransparenten, unscharfen Header wie unter iOS

As @merefield said earlier, backdrop-filter would apply the blur effect to the underlying elements, but support is spotty (no Firefox, Chrome supports it only with a change to user’s browser preferences).

It would give you something like this, where supported:

10 „Gefällt mir“