1

フッター DIV とコンテンツ DIV を修正しました。フッター DIV は固定されているため、常に表示されます。コンテンツ DIV は高さ 100% ですが、フッター DIV に接触し、最後まで交差しています。フッターが始まったら終了させたいです。

<div id="footer">
</div>

<div id="content">
</div>

ここにjsFiddleリンクがあります: http://jsfiddle.net/MXMWe/3/

問題: Content DIV (およびそのテキスト) がフッターを超えています。

注 1:フッターは、どこをスクロールしても常に表示されている必要があります (修正される可能性があります。

注 2:スクロールバーは、ブラウザを最初にロードしたときと同じように正常である必要があります。変更はありません。

ここに私が達成したいことを伝える イメージがあります:ここに画像の説明を入力

尋ねられれば、私はより多くの情報を提供します。

どうもありがとう。

4

2 に答える 2

1

私はjsfiddleを更新しました：

http://jsfiddle.net/MXMWe/4/

いくつかのこと：

  1. <div id="footer-padding></div>の最後の div の前にa を追加しました#content。次に、追加された css にheight:120px;( と同じ高さ#footer) - これにより、コンテンツ テキストをサイトの下部ではなく、フッターの最上部に固定できます。
  2. フッターにあった不透明度を削除しました。これは、不透明度があると div 全体に影響するためです。別名、コンテンツ div のテキストは透明であるため、その背後に表示されます。
  3. に a を追加しz-index: 2て、常に#footerの上にあるように#contentしました。

フッターの背景として不透明度/透明度を使用する場合は、その上にあるもの、その後ろにあるものがすべて表示されます。

于 2012-10-25T18:34:42.043 に答える
-1

CSS Sticky Footerを使ってみましたか?

于 2012-10-25T18:28:21.077 に答える