-2

そのため、下にスクロールしても、divの背景がウィンドウの高さにスクロールするようにします。

ただし、元のウィンドウサイズの高さだけのようです。下にスクロールすると、自分の体の背景が表示されます。

このサイトで同様の質問を検索しましたが、見つけたのは height: 100%; を使用することだけです。しかし、それは機能していません。

ここに私のCSSコードがあります:

div#graycontainer {
            margin: auto;
            margin-top: 50px;
            width:1000px;
            background-color: #D9D9D9;
            height: 100%;
            /*box-shadow: 10px 10px 7px #888888;*/
            /*border: 3px solid #888889;*/
            border-radius: 1px;
}

他のコードに問題がなく、このサイトを最後の手段として使用しているとは思いません。

助けてくれてありがとう！

4

1 に答える 1

1

を使用height: 100%;すると、ブラウザの高さの画像のみが作成されます。やりたいことは、スクロール位置に依存しないことです。スクロールしても画像を固定したい場合は、 を使用できますposition。最初の使用position: fixed;これにより、画像がその位置に設定されます。その後、z-index を使用して、背景の上に留まることを確認できます。これを使って：

#image_at_back {  
  margin: auto;  
  margin-top: 50px;  
  width:1000px;  
  background-color: #D9D9D9;  
  height: 100%;  
  /*box-shadow: 10px 10px 7px #888888;*/  
  /*border: 3px solid #888889;*/  
  border-radius: 1px;  
  position: fixed;  
  z-index: -1; // to make it a background
}

詳しくはこちらをご覧ください。

固定位置を追加するときは、テキストを追加してスクロール バーが見えるようにしてください。次に、スクロールすると、画像はその位置にとどまります。

于 2013-08-17T21:41:41.903 に答える