datetimepicker 팝업 창이 컨테이너 대화 상자 뒤에 숨김

내 프로젝트에이 선택기를 사용하고 있는데 모달 창 뒤에 팝업 창이 나타나기 때문에 선택기의 z 인덱스 값을 변경해야합니다. datetimepicker. 저는 현재 날짜 선택기 버튼을 배치하지만이 위로오고되지 않는 내부의 팝업 대화의 z 지수보다 높은이datetimepicker 팝업 창이 컨테이너 대화 상자 뒤에 숨김

jQuery(function() { 
         jQuery("#from_date").datetimepicker({ dateFormat: 'yy-mm-dd', 
          showOn: "button", 
          zIndex:9999, 
          buttonImage: "/gra/images/icons/fugue/calendar-month.png", 
          buttonImageOnly: true }); 
       });

같이있는 DateTimePicker의 정의 내부의 Z- 색인의 PROPERT을 추가했습니다. CSS 스타일의 다른 어떤 위치에서 z 색인 값을 정의와 다르게 설정해야합니까?

업데이트 : Firebug를 사용하여 해결책을 찾지 못했습니다. 대화 상자의 Z- 인덱스는 1001이며 CSS에서 설정 한대로 알고 있습니다. 그러나 날짜 선택기 Z- 인덱스 값은 91이고 클래스 ui-datepicker-div을 검색하려고했지만 z- 인덱스 값이 91 인 클래스를 찾을 수 없습니다. zindex가 91 인 #search 클래스가 있었고이를 변경했습니다. ~ 9999 (그것으로부터 상속 받는다 고 생각하는 것) 그러나 그것은 여전히 91의 값을 불똥배에 보여줍니다 .. ?? 재치에게 날짜 선택기의 HTML 구성 요소를 관련 클래스는 다음

<div id="" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ... z-index=91....> 
<html for date picker> 
</div>

출처

2012-01-26 pri_dev

방화범이 끌리는 버그를 사용하는 경우, 그 위에 렌더링되고있는 요소와 비교해 봐야 그 방화범이 실제로 무엇을 렌더링하고 있는지 확인하십시오. (jsfiddle에 예제를 추가 할 수도 있습니다 ...) – bdares

웹 사이트 URL 또는 jsfiddle.net에 대한 예제를 제공 할 수 있습니까? 확실히 CSS 문제가 있어야합니다. –

plzz가 업데이트를 확인합니다. –

이 zIndices에 큰 문제가 있습니다.

<div style='position:relative'id="global-container"> 
    <div style='position:relative;z-index:1'id="container-1"> 
     <div style='position:relative;z-index:50'id="content-1"> content 1 </div> 
    </div> 
    <div style='position:relative;z-index:2'id="container-2"> 
     <div style='position:relative;z-index:2'id="content-2"> content 2 </div> 
    </div> 
</div>

당신은 #content-2이 #content-1 아래에 표시됩니다 가정 수 있지만 문제는 Z-지수가 상대적 용기 내에서 비교되는 점이다. 따라서 카운트 된 Z- 인덱스는 #container-1 및 #container-2입니다. 나는 단지 팝업을위한 레이어를 제안 할 것이다. 세계 컨테이너 안에있는 엄청나게 높은 Z- 인덱스를 가진 것. 그것이 무엇이든 상관없이 무시 될 것입니다.

이제 ie7에서, 가장 높은 Z- 인덱스를 가진 사람이라면,하지만 현대의 브라우저에서는 전체 체인에 의존하기 때문에 Ui 레이어는 팝업을 위해 필요합니다.

유튜브 iframe은 모든 z-index 팝업을 지배 할 것입니다. 적어도 그 문제를 해결하는 방법을 아직 알지 못합니다.

출처

2012-01-26 04:28:58 Michael

모든 학부모를 살펴보십시오. Z- 색인을 확인하십시오. 진짜로 마술 총알은 없습니다. 어떤 스타일이 재정의되고 있는지 알려주는 Google 크롬을 확인해 볼 수 있습니다. – Michael

datetimepicker 팝업 창이 컨테이너 대화 상자 뒤에 숨김

답변

관련 문제