ブラウザの位置に応じて要素の背景を変更する方法

Question

過去にページをスクロールするときに特定の要素が表示される、本当に素晴らしい1ページのWebサイトを見ました。私が覚えていることから、その効果はCSSだけを使って書かれているようだった。私はそれがZインデックスと位置プロパティで可能であるべきだと思いますか？

残念ながら、私はもう一度ページを見つけることができません。

実例がある人は誰ですか？

乾杯クリスチャン を

Answer 1

これは、あなたが言っただけのようz-indexで達成されるが、他のキーは下にそうように、position:fixedを持っているアイテムを持っている。そして、

#blocker { position:relative; z-index:100; width:100%; height:100px; } 
#uncover { position:fixed; right:0; top:0; z-index:50; } 

を使用すると、スクロールダウンしたときにページ、#uncoverは、どこにスクロールしてもブラウザーウィンドウと同じ関係にとどまるため、表示されますが、#blockerはページと共にスクロールアップします。私はfiddle example hereを作成しました。