CSS - 如何在滾動圖像上製作固定背景圖像？

Question

我有一個導航欄在圖像頂部。理想情況下，此導航欄圖像將位於背景圖像的頂部，並在向下滾動時消失。沒有辦法讓這成爲可能（2張背景圖片1滾動其他固定）

Answer 1

HTML

<div id="scroll" class="nav">Scrolling</div> 
<div id="fixed" class="nav">Fixed</div> 

CSS：

.nav { 
    top: 0; 
     left: 0; 
     height: 100px; // position and size only example, adjust to your needs 
     width: 100%; 
} 
#scroll { 
     position: absolute; 
     background: url(yourimage.png); 
     z-index:1; 
} 
#fixed { 
    position: fixed; 
    background: url(your2ndimage.png); 
    z-index:0; 
    } 

這將使#FIXED背景只顯示該窗口後，被滾動下來...