0

私はここにいるのは初めてなので、何か非常に初心者に聞こえたら許してください。

私は個人的な Web サイトの作成に忙しく、ラッパー内にコンテンツ div とサイドペイン div の 2 つの div があります。高さは 99% に設定され、自動でオーバーフローします。ページをスクロールしないでください (画面を小さくしない限り) が、div はスクロールする必要があります。

問題: div の下のテキストをフェードアウトさせて、div を下にスクロールするとテキストが通常の状態になるようにしたい。誰かが私を正しい方向に導くことができれば、グラデーション画像またはCSSだけを使用できます. このオーバーフローの原因に苦しんでいます。グラデーションをdivの下部の絶対位置に保つ方法を知りたいのですが、私が言っていることを理解すれば、実際にはdivの下部ではありませんか? divにオーバーフローがオンになっているためです。画面上で div が終了する位置に配置したいのですが、テキストが終了する位置には配置したくありません。コードを入れてみました

ここに写真があります

質問の絵

右の div をチェックすると、下部をフェードさせ、スクロールしてもグラデーションが下部にとどまります。(実際にはdivの下部ではありません)-ページのサイズを変更できる必要があり、同じ位置に留まります。

4

1 に答える 1

0

鍵はbackground-position: fixed;

私が何を意味するかを理解するために、ちょっとしたフィドルを作成しました:クリックして ください。コードやスクリーンショットなしで問題を正しく理解できたことを願っています ;)

また、CSS グラデーションについては、こちらを参照してください

于 2012-12-13T10:45:25.697 に答える