使用CSS创建固定的背景图像

使用CSS创建固定的背景图像,css,Css,我无法创建固定位置的背景图像(灰色矩形)。当我向下滚动页面时,图像将继续随页面滚动,而不是像图像那样保持静止 此灰色背景图像仅用于创建左侧导航的轮廓 body.ms-backgroundImage { background: url(../LandingPage/LAIPic1.png); background-size: 250px 455px; background-position: 8px 280px; background-attachment: fix

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

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

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


要使菜单位于页面的一侧,您需要使用css属性
position:absolute。然后把它放在你想使用的地方
top:100px
左:10px使用您想要的任何值


使用它,你可以把它放在你想在页面上的地方,无论你何时滚动,它都应该保持在原来的位置。如果您只想将其放在页面上的脚本编辑器中,或放在样式库中的文件中,并在母版页中引用它,则可以将其放入该页面上的脚本编辑器中。

谢谢您的回答。我觉得我之前不够清楚,我指的背景图像只是链接后面的灰色矩形。我试过你的解决办法,但结果是一样的。还有其他建议吗?谢谢