jquery datepicker를 사용하고 있습니다. 한 페이지에 footer가 있는데, datepicker가 튀어 나오면 footer 안에 숨겨집니다. 이 버그를 어떻게 해결할 수 있습니까? 다음은 바닥 글의 z-index가 바닥 글 날짜 팝업의 상단에 왜 날짜 팝업jquery datepicker가 바닥 글에 숨겨집니다.
이 높기 때문에 이런 일이 내 JSFiddle
Here I have tried with footer and datepicker. But the date is hidden.
바이올린 업데이트
이 시도 :
넣고 바닥 글의 z-index:0과 흰색에 tbody (달력)의 background-color.
HTML :
<div data-role='footer' data-position="fixed" data-tap-toggle="false" data-hide-during-focus=""
style='padding:40px;background-color:red;z-index:0'>
</div>
CSS : 여기
.ui-datepicker-calendar tbody {background-color:#FFF;}
이 문서부터 Updated Fiddle
감사합니다. 그것은 일했다 :) – sharon
@sharon : 그것은 당신을 도왔다 :) –
입니다.
바닥 글의 z-index to 0 or less that the date popup을 설정하면 제대로 작동합니다. https://jsfiddle.net/8devrvv8/8/
입니다 (here) : 전화 .datepicker()는에 div 대신에 nput 기본적으로 표시합니다.
업데이트 바이올린 :https://jsfiddle.net/8devrvv8/13/
나는 형태로 입력을 삭제하고, 사업부로 대체 :
<div id="beautiful-calendar"></div>
라고 .datepicker() 상기 사업부에서 자바 스크립트에서 :
$('#beautiful-calendar').datepicker()
다음과 같이 Z- 색인을 9999로 설정하십시오. {.ui-select .ui-btn select {z-index : 9999! important } –
@Anurag_Systematix 그것은 나를 위해 작동하지 않습니다! – sharon
또는 바닥 글의 Z- 인덱스를 0으로 설정하십시오. –