Div który zasłania tylko wybrany inny div

Sprawa wygląda w ten sposób: strona ma jakby 3 warstwy - tło, treść, tytuł (jak w załączniku).

Tytuł jest to pasek z menu, logo, przezroczystym tłem, position:fixed (zawsze u góry strony).

Chcę aby w momencie gdy zjeżdżam w dół, tekst znikał gdy znajduje się pod divem tytuł. Normalnie zrobił bym w tytuł tło identyczne z tłem strony jednak w moim przypadku jest trochę trudniej. Najpierw tłem strony jest obrazek, po nim film video, a na koniec obrazek ale z paralaksą :P

Ogólnie teoretycznie najlepsze rozwiązanie jakby dało się zrobić aby div mógł przysłaniać tylko konkretny inny div.

Ma ktoś może jakiś pomysł, lub chociaż podpowiedź w którym kierunku się skierować?

z-index

Niestety, maski w HTML+CSS [jeszcze?] nie istnieją..

Tylko problem taki że jak mamy warstwy 1,2,3 to warstwa 3 ma zasłaniać 2 ale nie zasłaniać 1 więc coś jeszcze.

Kombinowałem css-mask na iframe założyć ale nie wiem jak to wysekcjonować. Może coś z Javascript?