css 모달이 띄워져도 푸터바가 선택됨

모달창의 z-index가 10, 푸터의 z-index가 2로 설정되어 있는데 동일한 속성을 가지고 있는 map에서는 정상작동되는데 모달창은 푸터바가 계속 올라오는 문제가 있었다.

그래서 인터넷을 찾아보니 쌓여있는 부모 태그에서만 z-index가 적용받는 것이라서 부모 바깥으로 벗어나면 해당 태그의 z-index가 적용되지 않는 것이였다.

그래서 modal창의 위치를 해당 페이지의 최상단으로 옮기니 정상적으로 작성되었다.