코딩중 메뉴 돌출사건 발생 -_-..
메뉴 밑에 바로 폼을 짜고 있는 상황인데.. -_..
그림처럼 되어버렸습니다.
z-index에서 엉킴이 생긴것으로 추정을 합니다만..
웃긴건 저 아래것은 div레이어는 단언코 절대 쓰질 않았는데 저리되니.
또 웃긴건 input폼은 앞으로 잘 나오더구만요..
select폼에서만 저런문제가 발생하니.. 오늘도 잠 다잔듯 하네요 으극..
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 12개
어떤분께서는 고질적인 IE버그라고하네요?;;
<ul>, <li>, display 조합으로 박스를 만드셔야 합니다.
javascript 로 select 꾸미는 것보다 빠르고 이쁘고 좋읍니다.
어딘가에 저거 해결해주는 스크립트가 있을텐데...
간단한 예제같은걸 어디서 볼 수는 없을까요?
embedless 라서 발생하는 문제...........
방법은 ie6 이상 브라우저를 쓴다...
또는 레이어 show 시. 해당 블럭의 select 태그를 hidden. --.
표준은 아니지만 편법으로 서브메뉴의 div 안에 아이프레임을 보이지않게 넣으면 해결됩니다.
<아이프레임 display="none"></아이프레임>
select 의 레벨이 div 의 레벨보다 높지만 div 안에 select 보다 레벨이 높은 아이프레임을 넣으면...
아이프레임으로 인해 사이트가 느려지진않을까요?
------------------------------------------------
실패했습니다;_;..
망..
<div>
내용
<iframe frameborder="0" style="position:absolute;left:0;top:0;z-index:-1;width:9999px; height:9999px;"></iframe>
</div>
</div>
overflow:hidden; 부분과 position:absolute;z-index:-1;width:9999px;height:9999px
부분중요!!!
레이어 저렇게 해보세요 ^^ 도움 되셨으면 사탕 주세요
검색해서 적용하는게 편할 듯 합니다.