滾動時繼續div背景嗎？

-2

所以我想我的div背景滾動，即使你向下滾動窗口的高度。滾動時繼續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; 
}

我不相信這是與我的其他代碼，並使用本網站作爲最後手段任何問題。

感謝您的幫助！

來源

2013-08-17 James

很難理解你在這裏想要什麼。你的CSS塊不足以確定你的後面，你的問題的描述需要更清楚。 –

我希望我的背景色在整個頁面向下滾動的同時繼續。它現在如何不起作用。 – James

發佈您的HTML標記或最好是[小提琴]（http://jsfiddle.net），它演示了這個問題。也請編輯你的標題，因爲它與你的問題無關 –

使用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 
}

您可以閱讀更多here。

當您添加固定位置時，嘗試添加一些文本以使滾動條可見。然後當你滾動它時，圖像就停留在它的位置。

來源

2013-08-17 21:41:41

滾動時繼續div背景嗎？

回答

相關問題