3

これが可能かどうかはわかりません：

コンテンツのいくつかの div が重ねられた Web ページがあります。すべてのコンテンツ div の一番下に、高さ 100 ピクセルの画像が必要です (または、 を持つ DIV かもしれませんbackground-image)。

このページを表示すると、ブラウザーはスクロールバーを作成して、コンテンツを下にスクロールできるようにするだけでなく、下部の div/画像をスクロールして表示できるようにします。

ブラウザーが基本的にコンテンツとして無視するように、その下部の div/image で使用できる CSS 設定はありますか? ブラウザがスクロールダウンしようとしないようにするには？これが可能かどうかはわかりません。

または、画像を背景の一部にすることもできますが、<body>この画像をコンテンツ div の真下に表示するにはどうすればよいでしょうか? ウィンドウのサイズを変更すると、内部のコンテンツが変更されるため、コンテンツ div の高さが変わります。したがって、この下の画像が背景の場合、最後のコンテンツ div の直後に常に表示されるようにする方法がわかりません。

アップデート

ここに私がやろうとしていることを説明するのに役立つリンクがあります: http://jsbin.com/ojejad/2/edit

下にスクロールすると、明らかにページのコンテンツの一部であるため、緑色が表示されます。ブラウザーがページ コンテンツの緑の div 部分を考慮しないようにすることは可能ですか?

この理由は、モニターが十分に大きく、スクロールしなくても自然にすべての青と緑が見える場合にのみ、下部にある緑の画像を見てもらいたいからです。しかし、ユーザーのモニターが小さすぎる場合、ページの一番下までスクロールして、この画像を見るためだけにスクロールを続けてほしくありません。なぜなら、これは単なる背景画像であり、重要なコンテンツの一部ではないはずだからです。

4

1 に答える 1

11

何かを画面に貼り付けたい場合は、

position:fixed;

そのようです：

div {
  background-color:blue;
  height:200px;
  width:200px;
  position:fixed;
  bottom:0;
}

デモ: http://jsbin.com/owacaq/1/edit

編集：

何かをその親の使用に固執させたい場合

position:absolute;

貼り付ける要素と

position:relative;

親で。

絶対位置は、静的以外の位置を持つ次の親を除いて、何も尊重しません。

例

http://jsbin.com/eceqeh/1/edit

于 2013-07-10T20:51:42.213 に答える