2012-11-22 65 views
2

我正在編輯的網站是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; 

但是,這隻會讓整個頁面粘住,而不會讓任何東西滾動。我無法理解我應該如何取得進展才能完成這項工作。

任何幫助解決這個問題將非常感激?

+0

由於您的包裝器包含整個網站,因此我看不到網站可以如何移動。這是您的HTML以 – MarioDS

回答

1

你可以定身BG IMG像這樣,讓該網站滾動的休息:

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

我已經這樣做了這個網站(如果是你想要的):www.kapantzakis,蝸牛.gr

+0

開頭的問題,謝謝。其實我把影子放在另一張背景圖片上,並將其固定。非常感謝。 – simonstrumse

+0

沒什麼,這是我的榮幸! – kapantzak