html - 固定在包装阴影边框上的位置

Question

我正在编辑的网站是 www.bedriftsdesign.no。

我有一个阴影图像元素（shadow.png）包裹在身体周围。

#wrapper {
background: url('shadow.png') no-repeat;
width: 1282px;
margin: auto;

我想让阴影在内容在里面滚动时保持固定，这样看起来就好像它在一个凹凸上滚动。我试图添加位置：像这样固定

#wrapper {
background: url('shadow.png') no-repeat;
width: 1282px;
margin: auto;
    position: fixed;

但这只会使整个页面粘在一起，并且没有任何滚动。我只是不明白我应该如何进行这项工作。

任何解决该问题的帮助将不胜感激？

score 1 · Accepted Answer

您可以像这样设置 body bg img 并让网站的其余部分滚动：

body {    
background: url('shadow.png') no-repeat;    
background-attachment: fixed;
}

我已经对这个网站做了这个（如果你想要的话）：www.kapantzakis-snails.gr

1 回答 1