0 
#bottom_fade {
            position: absolute;
            bottom: 0;
            width: 100%;
            background: url("bottom-fade.png");
            background-repeat:repeat-x;
            height: 400px;
            z-index: 2;
            }
        .categories {
            position: absolute;
            left: 50%;
            color:black;
            word-wrap: break-word;
            font-family: 15px 'Libre Baskerville', serif;
            margin-left: -200px;
            z-index: 1;
            }
        .categories td {
            width: 200px;
            }

上記のコードの結果がここに表示される場合があります。テーブル内のテキスト全体を表示するためにスクロールする必要があるように、ブラウザ ウィンドウのサイズを変更してみてください。

#bottom_fadeスクロールすると、ページの下部に固定されたままではなく、スクロールに追従することがわかる場合があります。そうなってほしくありません: スクロールバーに何が起こっても、bottom_fade が常にブラウザー ウィンドウの下部に接続されたままになるようにするにはどうすればよいでしょうか?

どうもありがとう！

4

1 に答える 1

5

変化する

#bottom_fade {
        position: absolute;
}

に

#bottom_fade {
        position: fixed;
};

そして、それは魅力のように機能するはずです。

（ちなみに素晴らしい効果です！）

于 2013-02-13T21:10:37.530 に答える