CSS - 스크롤 이미지 위에 고정 된 배경 이미지를 만드는 방법은 무엇입니까?

Question

상단에 이미지가있는 탐색 모음이 있습니다. 이상적으로,이 탐색 표시 줄 이미지는 배경 이미지 위에 맨 위에 앉아서 아래로 스크롤하면 사라집니다. 이 가능

Answer 1

HTML (2 개 배경 이미지 1, 다른 하나는 고정 스크롤) 할 수있는 방법

<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 배경 만 표시 할 것 아래로 스크롤되었습니다 ...