수다닷컴

밑에 질문을 올렸으나 풀리지 않아서 다시 올려봅니다.
달력버튼 클릭시 달력이 밑으로 가려지는 현상인데 답변은 부모의 div 에도 position과 z-index 을 주면 된다고 해서 둘 다 해보니 적용이 그래도 안되더군요.

이미지전체 파란색 부분이 wrap 안에 있는 내용이고 안에 붉은색은 테이블 div입니다. wrap을 제거하면 달력이 다 보여지나 문제는 wrap부분이 master페이지로 전체화면을 관리하고 있어서 빼는게 안됩니다.
그래서
css wrap부분에
#wrap {width:100%; margin:0 auto; overflow-x:hidden; position:relative; padding-bottom:20px; position:relative; z-index:1;} 주고
붉은색 테이블 영역에
.input_box {background:#ffffff; border:1px solid #9c9c9c; width:98%; /*height:100%;*/ margin-top:5px; margin-left:10px; position:relative; z-index:10} 을 주었습니다.
부모(wrap)을 상위로 자식(input_box)에 각각 주었고 부모가 상위에 떠야 해서 z-index:1 자식에 z-index:10 을 줘도 반응이 없더군요.
혹시나 해서 반대로 줘도 별 반응이 없고요..master페이지라 wrap은 제거가 안되고 제가 무엇을 놓친건지요..아님 무슨 문제인지요...

신청하기