헤더 메뉴 블록 날짜 선택기 표시

Question

난 (http://coderthemes.com/minton_2.1/blue_hori/index.html)

민튼 템플릿을 사용하고, 날짜 선택기의 상단이 고정 헤더 메뉴에 의해 차단된다. datepicker가 입력 필드의 맨 아래에 자동으로 배치되지 않는 것 같습니다.

이것은 내가 사용한 JS 코드입니다.

jQuery('#date-range').datepicker({ 
    toggleActive: true 
}); 

작은 화면에서 발생합니다. 아래의 이미지와 같이 입력 필드 아래쪽에 datepicker를 놓으면 큰 화면이 올바르게 표시됩니다.

메뉴가 날짜 표시 줄을 차단하고 싶지 않습니다. 도와주세요.

Answer 1

datepicker의 Z- 색인을 확인하십시오. CSS의 z- 색인은 메뉴 표시 줄보다 datepicker 클래스에서 더 커야합니다.

체크 처음에이 link for more information about z-index