css - 使用 CSS 创建固定背景图像

Question

我无法创建固定位置的背景图像(灰色矩形)。 .当我向下滚动页面时，图像继续随页面滚动，而不是像图像那样保持静止。

此灰色背景图像仅用于创建左侧导航的轮廓。

body.ms-backgroundImage {
    background: url(../LandingPage/LAIPic1.png);
    background-size: 250px 455px;
    background-position: 8px 280px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

Answer 1

要让菜单像那样位于页面的一侧，您需要使用 css 属性 position: absolute;。然后将其放置在您想要使用的位置 top: 100px; left:10px; 使用您想要的任何值。

使用它，您可以将它放在页面上您想要的位置，并且无论您何时滚动，它都应该留在原处。您可以将它放入页面上的脚本编辑器中(如果您只需要它)或放在样式库中的文件中并在母版页中引用它。