오늘 저는 프로그램 그룹에서 제출 한 호환 버그를 받았습니다. Modal Box를 사용하여 Firefox에서 날짜 컨트롤을로드 할 때는 효과가 없지만 (클릭 할 수 없음) Google에서는 좋습니다.
문제 해결을위한 아이디어 :
1. 현재 페이지의 메인 레이어에 타임 제어를 배치하면 테스트가 통과됩니다.
2. Ajax로드 페이지에 시간 제어를하면 테스트가 통과됩니다.
3. 통과하지 않고 모달 박스의 가장 바깥 쪽 층에 시간 제어를합니다.
주된 이유는 모달 박스와 시간 풀다운 메뉴 (z-index) 사이의 계층 적 관계가 있기 때문입니다. 부트 스트랩 타임 컨트롤에 의해 시간 제어가 생성되므로 페이지 및 CSS 스타일 시트의 수정이 유효하지 않습니다. 부트 스트랩 타임 컨트롤을 직접 수정하는 Time Control.js 파일이 있습니다. 그러나 부트 스트랩 버전이 너무 많으 므로이 파일을 수정하는 것이 좋습니다.
해결책:
Tabindex = "-1"role = "대화 상자"가장 모달 상자의 가장 바깥 쪽 레이어와 형태 레이어의 부트 스트랩-발리 디터 형식의 속성을 제거하십시오.
제거하기 전에
<div id = "editor"tabindex = "-1"role = "대화 상자"aria-labelledby = "mylargemodallabel"> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <div> <버튼 "data-dismiss ="modal "id ="topclose "> <span inria-hidden ="true "> </span> <h4> 라운드 </h4> </div> <div style = "min-height : 400px; 패딩 : 0 20px 20px 20px;"> <form id = "worm id ="areverform "method ="post "action ="$ {base}/activity/ajax_add_award_settings.json ">제거 후
<div id = "editor"> <div> <div> <div> <버튼 유형 = "button"data-dismiss = "modal"id = "topclose"> <span aria-hidden = "true"> </span> <span> close </span> </button> <h4>이 라운드에서 사용 된 상을 선택하십시오 </h4> <divy style = "Min-Height : 400px : 20px 20px; "> <form id ="anverseform "method ="post "action ="$ {base}/activity/ajax_add_award_settings.json ">위는 부트 스트랩 날짜 제어가 귀하에게 도입 된 솔루션 (Firefox)입니다. 시간 드롭 다운 메뉴는 모달 박스에서 유효하지 않습니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!