본문 바로가기

z-index

(2)
Trouble Shooting, ActiveX z-index Legacy 코드들 가운데 ActiveX를 사용하는 것이 있어 ActiveX가 모달 창보다 화면 상 위에 있어 모달 창이 사라져 보이는 이슈가 발생했습니다. ActiveX 구조가 어떻게 되어 있는 지 모르는 상황에서 z-index로 어떻게 해보려고 했지만 아무리 z-index 값을 바꿔도 해결되지 않아 DOM 조작을 임의로 하드 코딩하기로 결정했습니다. 결국 display를 이용해 모달이 팝업되어 있는 상황에서는 잠시 display를 none으로 바꾸고 모달창이 꺼지면 다시 display를 바꾸는 간단한 작업이었지만,, 처음엔 z-index가 왜 안될까 몇시간 고민했던 것 같습니다. ActiveX를 웹에서 표현할 때는 object 태그로 사용됩니다.https://developer.mozilla.org/k..
Input Tag가 Click, Focus 되지 않을 때 결론부터 빠르게 말하자면 필자의 경우에는 Bootstrap을 통해 Modal창을 2개 이상 쓰는 경우에 나타나는 현상이었습니다. Bootstrap에서 Multi Modal 창을 지원하지 않기 때문에 일어나는 현상입니다. ModalUse Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.getbootstrap.com그래서 두 개 이상의 Modal 창을 열 때 이전 Modal창을 hide해주는 방법으로 해당 이슈를 해결하였습니다. 이외에 Input Tag가 Focus 되지 않는 이유에는1. z-index로 인한 문제2. disab..