content要素にフェードする効果を作成しようとしていheaderます。
ここにフィドルがあります：http://jsfiddle.net/jdesilvio/kthPT/105/
結果を見てスクロールすると、達成しようとしている効果がわかります。をよく見るHTMLと、要素とCSSが存在するはずですが、に設定されているため、それらは見えません。h4bordercolor: gray;
他の値を使用してみましたが、 Notingmix-blend-modeのさまざまな構成が機能しました。background: linear-gradient(gray 100px, transparent);
私の現在の実装は明らかに望ましくない副作用をもたらす可能性がありgray、色として使用できないことは言うまでもありません。この問題を回避するにはどうすればよいですか? もしそうなら、この効果を達成するための代替方法はありますか?