메뉴의 z-index 및 ASP.NET의 Ajax Modalpopupextender의 문제
https://stackoverflow.com/questions/1018029
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
나는 ajax modalpopupextender를 사용하지만 이것의 문제는 modalpopupextender에 appication의 메뉴가 표시됩니다. 또한 modalpopupextender에 대해 z-index = 1을, z-index = 100을 설정했지만 문제는 해결되지 않았습니다.
해결책
Firebug (Firefox Extension) 또는 메뉴의 z-index를 검사하기 위해 유사한 것을 사용하십시오. 그런 다음 modalpopupextender의 z-index 1을 더 높이십시오.
라이브 페이지를 보지 않으면 Z-Index를 추측 할 수는 없지만 100보다 큰 것입니다. 10001 또는 매우 높은 것으로 설정할 수 있습니다.
다른 팁
몇 분 동안 개발자 도구 (Chrome/IE의 F12)를 사용하는 방법을 배운 후 마침내 문제의 근원에 도달했습니다.
여기서는 두 가지 중 하나가 사실이라고 가정 할 것입니다. 1. 메인 메뉴는 마스터 페이지에 있고 ModalPopupextender 컨트롤은 자식 페이지 안에 있습니다. 2. modalpopupextender 컨트롤은 페이지의 나머지 콘텐츠를 보유하는 동일한 DIV (기본 메뉴 제외)와 동일한 DIV 내에 배치 되며이 DIV는 기본 메뉴가 포함 된 DIV보다 Z-index가 낮습니다. (이 Z- 인덱스 값을 명시 적으로 지정하지 않더라도 이러한 DIV는 자동으로 값을 상속합니다.)
상황이 첫 번째 카테고리에 속하는 경우 다음과 같은 일이 있습니다. 생성 된 마크 업은 LightBox를 하나의 DIV 내부에, 나머지 어린이 페이지의 콘텐츠 (예 : WrapperContent) 및 다른 하나의 메인 메뉴 (WrapperHeader) 내에 배치합니다. WrapperHeader의 z-index는 WrapperContent의 z-index 이상이어야합니다. 그렇지 않으면 하위 메뉴가 내용이 떨어질 때 내용 아래로 떨어질 것입니다. 이제 lightbox에 지정할 z-index의 값에 관계없이 WrapperContent의 z-index를 상속 받기 때문에 WrapperHeader 내부의 모든 요소 아래에 항상 표시됩니다.
상황이 두 번째 범주에 속하는 경우 비슷한 설명이 따릅니다.
@Jack Marchetti 이것은 또한 라이트 박스를 나머지 페이지의 내용에서 분리 된 자체의 div에 배치 할 때 이것이 고정 된 이유를 설명합니다.
이게 도움이 되길 바란다.
약 4 년 동안 ASP.NET 개발을 해왔으며, 제 경험에 따르면 Microsoft의 AJAX 라이브러리, 특히 AJAX Control Toolkit에서 멀리 떨어져 있어야합니다. 거기에는 고정 의도가없는 것처럼 보이는 버그가 있습니다.
내 조언 : 다른 도서관을 사용하십시오. 나는 지금 jQuery를 사용하고 있습니다. 그물에서 jQuery에 대해 찾은 플러그인은 품질이 크지 만 일부는 정말 훌륭하고 다른 일부는 나 자신이 나 자신을 버그에 넣었습니다 (코드를 빠르게 이해할 수있는 곳 만 선택합니다).
JQuery UI는 품질이 매우 높으며 ModalPopupextender 대신 사용중인 대화 상자 위젯이 포함되어 있습니다. 창 스타일이 마음에 들지 않으면이 페이지에 제시된 15 개의 플러그인 중 하나를 확인하십시오. 15+ jQuery 팝업 모달 대화 상자 플러그인 및 튜토리얼.
Z-index를 @jab과 같이 매우 큰 것으로 설정하십시오.
또한 ModalPopupextender를 HTML 마크 업의 바닥에 배치하면 때때로 매우 이상한 이유로 수정된다는 것을 알았습니다. 시도 해봐.
