케이스 : 두 모달 윈도우가, 클릭, 페이지 꺼내기 (모달 창 1) 페이지 추가, 선택 고객 정보를 추가 사용자 페이지 (모달 창 2) 작성에 추가합니다. 고객 정보 선택의 완료 후, 모달 창 2를 닫습니다. 동작 1 모달 창 후 선택 및 시간 제어 및 풀다운를 선택은 (도 1)에 표시되지 않을 수있다. 그러나 모달 창 2를 선택하고, 표시되는 정보를 선택하지만, 모달 창 2 위
그림 I
이 문제 부트 스트랩 프레임 워크입니다. 추가 선택 2 레이블 스타일을 선택합니다. 나는 스타일을 제거하기 위해 노력했다. 그것은 가능하지만, 추한입니다!
그 후, 오랜 시간 동안 난 기사를 발견 https://www.cnblogs.com/skybreak/p/6137035.html을 , 주로 다음과 같은 코드를
<style>
/*select2在Bootstrap的modal中默认被遮盖,现在强制显示在最前*/
.select2-drop {
z-index: 10050 !important;
}
.select2-search-choice-close {
margin-top: 0 !important;
right: 2px !important;
min-height: 10px;
}
.select2-search-choice-close:before {
color: black !important;
}
/*防止select2不会自动失去焦点*/
.select2-container {
z-index: 16000 !important;
}
.select2-drop-mask {
z-index: 15990 !important;
}
.select2-drop-active {
z-index: 15995 !important;
}
</style>
나는 위의 페이지에이 코드를 넣어. 결과는 전체 페이지 스타일 태그 변경 한 선택, 결과는 선택 내용 그림 II 아래 사업부 사업부가 팝업도된다는 것입니다
그림 II
이 때, 두 가지 아이디어가 있습니다 : 1, 그건 그냥 스타일 만이 사업부에 적용하지만, 내가 할 수 없었다 발견!
2,이 DIV, Z-인덱스 아래의 내용을 선택하지 않습니다. 문제가 있습니다, 더 이상 과정을 선택할 수 있습니다, 당신은 아무 문제가 없어야 시도, 때로는 직접 상단 아니라면, 그때 더에, 상위 사업부에서 해당 기능을 선택 필요
그래서 모든 처리가 완료됩니다. 요구 사항을 충족합니다.
이 마스터 프런트 엔드 인 경우이 문제는, 그것에서 얻을 매우 쉬워야한다.