CSS3 / HTML 5 / PNG verwischen den Inhalt hinter dem Element

Ich versuche, den Inhalt hinter einer Kopfzeile mit fester Position zu verwischen, damit der Inhalt dahinter vom Benutzer gescrollt wird, wenn er sich hinter diesem Div befindet.

Früher habe ich dies mit einfacher Opazität in CSS erreicht, aber dadurch wird der Inhalt hinter dem DIV nicht blau, sondern lediglich ein durchsichtiges Panel davor auferlegt.

Gibt es einen einfachen Weg, auch wenn es ein Betrug ist, das zu erreichen, wonach ich strebe? Ob mit einem PNG-Hintergrundbild oder in CSS.

Schauen Sie sich an, wie iOS7 dies tuthttp://www.apple.com/ios/ios7/features/.

Antworten auf die Frage(5)

Ihre Antwort auf die Frage