고정 헤더 만들기

Question

THIS DESIGN을 기반으로 웹 사이트를 만들려고합니다. 이 튜토리얼 내가 사용자가 이미 로그인되어있는 경우 사용자 이름과 암호 텍스트 InputBoxes 또는 사용자 이름을 포함하는 고정 된 헤더를 만들

HERE을 발견 할 수 있습니다. 내가 사용하는 그것을 다음 일반적인 방법을 시도 CSS.

position: fixed; 
    width: 100%; 
    top: 0; 

하지만 어떻게 든 헤더가 전혀 표시되지 않습니다. 위의 디자인에서 몇 개의 디비전을 스크롤해도 상관없이 고정 된 헤더가 남아 있습니까? 여기

Answer 1

당신이 그것을 할 수있는 방법은 다음과 같습니다

1. 중 하나가 높이 고정 헤더의 또는 컨텐츠로 채우을 설정 그래서
2. 높은 를 설정 비어 있지 Z- 인덱스 # st 컨테이너로 겹치지 않도록

CSS :

height: 50px 
z-index: 999 

여기 jsfiddle은입니다 : http://jsfiddle.net/ncQGc/