Question

我正在尝试在我的页面上放置一个背景图像（颜色），可以滚动页面，看起来像水印，这样我仍然可以点击落在面板顶部的对象。我试图使用下面的代码制作一个“面板”。问题是，当我有一个需要滚动的页面时，面板停留在同一个地方，我希望它向上滚动它位于下面的文本。此外，我无法点击任何落在面板顶部/下方的物体。

    #bodyPanel {
      width: 3000px;
      height: 400px;
      border: none;
      background-color: rgba(192, 169, 29, 0.42);
      position: fixed;
      top: 300px;
      left: -275px;
      color: #696969;
     }

        <div id="bodyPanel">
          <div id="body">
             @RenderBody()
          </div>
        </div>

Answer 1

将以下属性添加到您的背景中：

background-repeat:no-repeat;
background-attachment:fixed;

测试一下： http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment

Answer 2

如下所述，使用 background-attachment 属性。但您必须使用背景图像而不是背景颜色

如何放置可以随页面滚动的背景图像

2 个答案: