문제 해결 - 부트스트랩 모달 안보임

 

예전에 쓰던 모달양식을 그대로 가져온건데 모달이 안보임

 

모달창 띄우기 전 화면

모달 버튼을 클릭하면 화면에 스크롤이 없어지고 다른 곳이 클릭이 되지 않는 상태여서 부트스트랩이 적용이 되긴 한 것 같은데 화면은 그대로이고 모달창이 보이지 않았다.

 

 

모달 html

 

모달 버튼 html

모달 css ( 오타 -> .Modal 은 원래 .modal 임)

 

잘 되던 모달을 그대로 복붙해온거라 코드에는 이상이 없는 것 같음

 

 

모달의 fade 는 모달을 감추었다가 보이게 할 때 사용하는 것으로 알고있는데 지금 내 경우에는 모달이 아예 감춰진 상태라 fade 부분에서 이상해졌나? 싶어서

 

해결 1단계 - 모달 클래스에서 fade 를 삭제해봤다.

 

 

모달창이 뜨긴 떴다.! 근데 좀 이상하긴 함

 

검색을 해 보니까 이상태에서 모달을 보이게 한 방법이 있어서 그대로 따라해봤다.

(출처: https://m.blog.naver.com/10hsb04/221672350510)

 

 

해결 2단계 - 모달 클래스 css에 z-index: 1050 를 줘봤다.

 

모달 뜸 ! 문제 해결 완.

 

 

 

(z-index 의 1050 이라는 숫자는 의미가 있는 것 같다. 1050 이하의 숫자를 넣어보니 1단계 화면이랑 똑같이 안뜸)