IE6 select box 가 div를 뚫어 버리는 버그

이 골치덩어리 IE6.. 이놈은 무슨 생각에 그랬는지 모르겠지만 select box는 z-index 를 무시하고 무족건 최상위로 나타난다.

이것보라.. 이것이 ie6의 select box 힘이다!! 무엇이든 뚫어 버려요~~
이것을 해결하는 방법은 2가지가 있다.

첫째, select box를 없애라.
보통의 경우에 해당 상황이 되는 것은 div를 이벤트로 띄우는 경우이다. 즉, 처음에는 div가 없다가 어떠한 이벤트 핸들러로 해당 div를 display 해주는 거지.
이때 브라우저가 ie6인 경우 해당 페이지의 select 박스를 없애 주는 거다. 반대로 해당 div를 다시 없앨때는 select 박스를 다시 띄우는 거쥐~

둘째, iframe를 사용하자.
select box 가 무엇이든 뚫을수 있다고 했지만 iframe.. 무적 select box를 유일하게 가릴수 있는 놈이다. 이놈을 가리고 싶은 곳에 넣고 iframe은 투명으로 바꾸자.

 
에효.. 정말 애쓴다 애써~ -_-;
ie6… 넌 왜 아직도 점유율이 50%가 넘는거니… -_-;;

“IE6 select box 가 div를 뚫어 버리는 버그”에 대한 4개의 생각

  1. 또 하나 IE select box의 힘이 있지 않나요.ㅎㅎ select box의 style width 를 10으로 주었을 경우 밑에 뿌려지는 select box의 길이도 전부 10으로 된다는 험한 꼴을 많이 당해 봐서요. 파폭은 안그러는데 유독 IE만 그러더라거요.ㅋ
    저거 수정할려고 li를 써서 죽어라 고친 기억이 아 안좋은 기억이군화~~~
    수고하세요~~~ 좋은 정보 감사합니다.ㅎㅎ

    1. ㅎㅎ 저도 셀렉트 박스 때문에 골치좀 많이 썩었죠~ㅎㅎ 지금은 스크립트로 하나 허접하게 만들어서 쓰고 있긴 한데 계속 해서 업데이트를 하는중이죠~ ㅎㅎ

답글 남기기

이메일은 공개되지 않습니다.