Question

我想在背景图片（#page）上叠加紫色以覆盖整个页面而不仅仅是页面的百分比。如果页面不滚动，它会覆盖页面，但只要页面需要用户滚动，就会发生这种情况：

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

我尝试将位置更改为静态但完全停止滚动。

解决：刚刚将紫色div更改为溢出：滚动; - 谢谢

Answer 1

您需要将背景图像设置为固定。你可以这样做：

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

您还可以使用CSS让您的背景随内容移动。以下几行可以做到：

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

Answer 2

例如，你可以在另一个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>

Div覆盖背景而不停止滚动

2 个答案: