固定封面阴影边框的位置

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;

但这只会让整个页面变得坚固，不会滚动任何内容。我无法理解如何使这项工作取得进展。

任何帮助解决这个问题都会非常感激吗？

Answer 1

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

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

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