構造
<header>
-top element
-has 0.8 opacity
-fixed to top of window
<section>
-contains content that will scroll under header
-content that gets pushed under the header will show through
ヘッダーの下にプッシュされるコンテンツにぼかしを適用したい。(約 100px の高さ) ヘッダー要素の下にある部分だけで、セクション全体にぼかしを適用したくありません。部分的なぼかしを実現する方法はありますか?