覆蓋背景而不停止滾動的div

我想要一個覆蓋背景圖像（#page）的紫色覆蓋整個頁面的div，而不僅僅是頁面的百分比。目前，它涵蓋了頁面，如果該頁面不滾動，但只要一個頁面要求用戶滾動出現這種情況：覆蓋背景而不停止滾動的div

http://darynjohnson.com/Medical%20Futures/winners.php

我試圖改變位置，以靜態的，而是那個完全停止滾動。

解決：只是改變了紫色div溢出：滾動; - 謝謝

2012-08-24 jshjohnson

您需要將您的背景圖像設置爲固定。你可以這樣做那樣：

<body background="yourimage.jpg" bgproperties="fixed">

你也可以讓使用CSS內容的後臺移動。以下幾行可以做到這一點：

<style type="text/css"> 
body 
{ 
     background-image:url('yourbackground.jpg'); 
     background-repeat:no-repeat; 
} 
</style>

來源

2012-08-24 17:58:35 Javiator

將紫色div設置爲固定可以停止頁面完全滾動 – jshjohnson

你可以在另一個div例如紫色。

<style> 
body { background: img 'yoururl.jpg'; } 
#purple {background-color: rgba(120,46,134,0.6);} 
</style> 

<body> 
<div id="purple"> 
your content 
</div> 
</body>

來源

2012-08-24 18:01:27 SmileyWar

這實際上是我已經完成的操作 – jshjohnson

覆蓋背景而不停止滾動的div

回答

相關問題