javascript를 사용하여 제목 표시 줄없이 모달 대화 상자/팝업을 만드는 방법

Question

알아두기 모달 대화 상자를 만드는 방법/제목 표시 줄없이 IE와 FF에서 모두 작동하는 javascript를 사용하여 팝업으로 표시하는 방법. 감사합니다. .

Answer 1

z-index을 사용하여 다른 모든 요소 위에 뷰포트의 중앙 (또는 원하는 곳에)에 div을 절대적으로 배치해야합니다. 이것은 귀하의 콘텐츠가가는 곳입니다. 이제는 그 뒤를 따라 가면서 다른 모든 것보다 위에있는 필름을 추천합니다. 다시 z-index을 사용합니다. 그런 다음 해당 필름에 "모달"div에 다시 초점을 맞추는 처리기를 배치하십시오. 또한 이벤트 위임을 사용하여 포커스 처리기를 다른 모 든 요소 (모달 div 아님)에 배치하여 "모달"div에 초점을 다시 맞출 수 있습니다.

또한 jQuery UI의 작동 방식을 살펴볼 수도 있습니다. 제목 표시 줄을 제거하기 만하면됩니다. 실제로 CSS를 사용하여 제목 표시 줄을 숨길 수 있습니다.

Answer 2

두 개의 div가 있습니다. 하나의 div를 전체 화면 위에 놓고 반투명하게 만든 다음 화면 중앙에 더 높은 z- 색인으로 "팝업"div를 놓습니다. 그러면 팝업 div에 원하는 내용을 포함 할 수 있습니다.