jQuery UI 모달 대화 상자 특정 요소 아래에 나타납니다.

대화 상자가 올바르게 나타나고 정상적으로 작동합니다. 그러나 페이지 주위에서 대화 상자를 움직이면 몇 가지 요소가 대화 상자 위로 이동합니다. 즉 대화 상자가 이러한 요소 아래에 있습니다.jQuery UI 모달 대화 상자 특정 요소 아래에 나타납니다.

대화 상자와 관련된 주변 영역이 적절하게 회색으로 표시되며, 대화 상자 위로 이동하는 두 요소는 제외됩니다. 그들은 각각의 색을 유지합니다.

두 페이지 요소가 공통적으로 가지고있는 점은 모두 CSS 배경 속성을 사용하여 배경 이미지 (둘 다 필요합니다)라는 점입니다. 그것들은 페이지에 설정된 유일한 배경 이미지이므로, 이것이 이유라고 가정하고 있습니다. 그러나 왜 또는 어떻게 수정해야하는지 모르겠습니다.

동작은 Chrome과 Firefox (IE, Opera 또는 Safari에 대해 모름)에서 모두 동일합니다.
나는 거의 대화에 대해 다음과의 jQuery 1.10.1 및 jQuery를 UI 1.10.3을 사용하고 있습니다 :

그들이 지정하는 방법의 배경 이미지에 대한 특별 거기에 아무것도

$("#launch-dialog").dialog({ 
    autoOpen: false, 
    height: 'auto', 
    width: 'auto', 
    modal: true, 
    buttons: { 
     "OK": function() { 
      $("#launch-dialog").text(""); 
      $(this).dialog("close"); 
     }, 
     }, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    });

.
누구든지 나를 도울 수 있습니까?

출처

2013-06-14 RTF

팝업 위에 나타나는 요소의 Z- 색인 속성을 확인해야합니다. –

아마도이 질문이 도움이 될 수 있습니다. http://stackoverflow.com/questions/14954104/why-jquery-ui-1-10-remove-jquery-dialog-zindex-option – Barmar

대화 상자 상단에 나타나는 요소의 CSS에서 z- 색인 속성을 낮은 숫자로 변경해야합니다. 현재 대화 상자보다 높은 것 같아서 문제가 생깁니다.

출처

2013-06-14 20:41:56 BaronVonKaneHoffen

z- 색인 속성에 대해 알지 못했습니다. 고마워, 이제 제대로 작동하고있어. – RTF

jQuery UI 모달 대화 상자 특정 요소 아래에 나타납니다.

답변

관련 문제