1

私は自分のウェブサイト全体に背景を持たせたいと思っています。コンテンツが静的である間は正常に動作します。JavaScript を使用してコンテンツを拡張している間、body 要素がスクロール領域を超えて拡大しません。私の質問はこの質問に似ています: Div height 100% and expands to fit content

注: 多くのフロートを使用しており、Web サイトにアクセスできなくなるため、固定の背景 div を作成できません。

これを何とか解決する必要があります。多分JSで？

Html, Body
{
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

Body {
  display: block;
  background: url('../Images/page-bgr-top.png') center top repeat-x,
              url('../Images/page-bgr-content.png') center top repeat-y;
}

ここに画像の説明を入力

更新: Nathan Lee の回答が役に立ちました。私の問題は、スクロールバーが背景を移動し、他のすべての中央のコンテンツがその位置にとどまることです。

body {overflow:auto;}
4

3 に答える 3

3

overflow:auto;あなたの体に追加します。

body {overflow:auto;}

お役に立てれば。

于 2013-05-15T13:06:19.577 に答える
0

これは、float を使用しているときに発生します。float を使用する理由はありますか? float を削除してdisplay: block;ORを追加してみてくださいdisplay: inline-block。

于 2013-05-15T13:08:53.260 に答える