使用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;的任何值的位置。

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