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;

しかし、これはページ全体を固執させ、何もスクロールさせませんでした。これを機能させるためにどのように進めるべきか理解できません。

その問題を解決するための助けは本当にありがたいですか?

Answer 1

body bg img を次のように設定して、サイトの残りの部分をスクロールさせることができます。

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

私はこのサイトにこれを行いました（あなたが望むなら）：www.kapantzakis-snails.gr