[gnb질문] z-index를 가장 위로 올리고 싶은데 ㅜㅜ
매화
#header #gnb_wrap ul.gnb li:hover ul { display:block; z-index:99999;}현재 이렇게 해서 오버된 내용이 제일 위로 올라오게 하고싶은데 안되네요ㅠㅠ왜그러는건지...크롬, 익스10,9,8에서는 또 오버가 제일 위로 올라오긴 합니다.익스7에서 문제네요ㅠㅠ
보시고 답변주시면 감사하겠습니다.
/* header */#header_wrap { width:100%; height:110px; background:url(../img/menu_bg.gif) repeat-x;}#header {position:relative; width:1000px; height:110px; margin:0 auto; }#header #top { float:left; padding-top:20px; }
#header #gnb_wrap ul.gnb{ padding-top:35px; }#header #gnb_wrap ul.gnb li { float:left; position:relative; height:30px; left:125px; }#header #gnb_wrap ul.gnb li a { display:block; text-indent:-9999px; width:67px; height:16px; background:url(../img/menu.png) no-repeat; margin-left:35px; }#header #gnb_wrap ul.gnb li.gnb1 a { background-position:0px 0px; }#header #gnb_wrap ul.gnb li.gnb2 a { background-position:-94px 0px; }#header #gnb_wrap ul.gnb li.gnb3 a { background-position:-190px 0px; }#header #gnb_wrap ul.gnb li.gnb4 a { background-position:-282px 0px; }#header #gnb_wrap ul.gnb li.gnb5 a { width:108px;background-position:-376px 0px; }#header #gnb_wrap ul.gnb li.gnb1 a:hover, #header #gnb_wrap ul.gnb li.gnb1_on a { background-position:0px -17px; }#header #gnb_wrap ul.gnb li.gnb2 a:hover, #header #gnb_wrap ul.gnb li.gnb2_on a { background-position:-94px -17px; }#header #gnb_wrap ul.gnb li.gnb3 a:hover, #header #gnb_wrap ul.gnb li.gnb3_on a { background-position:-190px -16px; }#header #gnb_wrap ul.gnb li.gnb4 a:hover, #header #gnb_wrap ul.gnb li.gnb4_on a { background-position:-282px -16px; }#header #gnb_wrap ul.gnb li.gnb5 a:hover, #header #gnb_wrap ul.gnb li.gnb5_on a { width:108px; background-position:-376px -17px; }
#header #gnb_wrap ul.gnb_sub { position:absolute; top:25px; left:-170px; z-index:9000; display:none; background:#fff; width:1000px; height:20px;}#header #gnb_wrap ul.gnb_sub li { float:left; }#header #gnb_wrap ul.gnb_sub li a { display:block; text-indent:-9999px; width:35px; height:12px; background:url(../img/menu_sub_1.png) no-repeat; margin-left:18px; }#header #gnb_wrap ul.gnb_sub li.sub1 a { width:35px; background-position:0px 0px; }#header #gnb_wrap ul.gnb_sub li.sub2 a { width:50px; background-position:-48px 0px; }#header #gnb_wrap ul.gnb_sub li.sub3 a { width:42px; background-position:-112px 0px; }#header #gnb_wrap ul.gnb_sub li.sub1 a:hover, #header #gnb_wrap ul.gnb_sub li.sub1_on a { width:35px; background-position:0px -12px; }#header #gnb_wrap ul.gnb_sub li.sub2 a:hover, #header #gnb_wrap ul.gnb_sub li.sub2_on a { width:50px; background-position:-48px -12px; }#header #gnb_wrap ul.gnb_sub li.sub3 a:hover, #header #gnb_wrap ul.gnb_sub li.sub3_on a { width:42px; background-position:-112px -12px; }
#header #gnb_wrap ul.gnb_sub2 { position:absolute; top:25px; left:-320px; z-index:9000; display:none; width:1000px; height:20px; background:#fff;}#header #gnb_wrap ul.gnb_sub2 li { float:left; }#header #gnb_wrap ul.gnb_sub2 li a { display:block; text-indent:-9999px; width:53px; height:13px; background:url(../img/menu_sub_2.png) no-repeat; margin-left:18px; }#header #gnb_wrap ul.gnb_sub2 li.sub1 a { width:70px; background-position:0px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub2 a { width:127px; background-position:-84px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub3 a { width:104px; background-position:-227px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub4 a { width:103px; background-position:-346px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub5 a { width:120px; background-position:-462px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub6 a { width:42px; background-position:-587px 0px; }#header #gnb_wrap ul.gnb_sub2 li.sub1 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub1_on a { width:70px; background-position:0px -14px; }#header #gnb_wrap ul.gnb_sub2 li.sub2 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub2_on a { width:127px; background-position:-84px -14px; }#header #gnb_wrap ul.gnb_sub2 li.sub3 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub3_on a { width:104px; background-position:-227px -14px; }#header #gnb_wrap ul.gnb_sub2 li.sub4 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub4_on a { width:103px; background-position:-346px -14px; }#header #gnb_wrap ul.gnb_sub2 li.sub5 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub5_on a { width:120px; background-position:-462px -14px; }#header #gnb_wrap ul.gnb_sub2 li.sub6 a:hover, #header #gnb_wrap ul.gnb_sub2 li.sub6_on a { width:42px; background-position:-587px -14px; }
#header #gnb_wrap ul.gnb_sub3 { position:absolute; top:25px; left:-300px; z-index:9000; display:none; padding-left:170px; background:#fff; width:1000px; height:20px}#header #gnb_wrap ul.gnb_sub3 li { float:left; }#header #gnb_wrap ul.gnb_sub3 li a { display:block; text-indent:-9999px; width:50px; height:12px; background:url(../img/menu_sub_3.png) no-repeat; margin-left:18px; }#header #gnb_wrap ul.gnb_sub3 li.sub1 a { background-position:0px 0px; }#header #gnb_wrap ul.gnb_sub3 li.sub2 a { background-position:-68px 0px; }#header #gnb_wrap ul.gnb_sub3 li.sub1 a:hover, #header #gnb_wrap ul.gnb_sub3 li.sub1_on a { background-position:0px -12px; }#header #gnb_wrap ul.gnb_sub3 li.sub2 a:hover, #header #gnb_wrap ul.gnb_sub3 li.sub2_on a { background-position:-68px -12px; }
#header #gnb_wrap ul.gnb_sub5 { position:absolute; top:25px; left:-483px; z-index:9000; display:none; padding-left:355px; background:#fff; width:1000px; height:20px}#header #gnb_wrap ul.gnb_sub5 li { float:left; }#header #gnb_wrap ul.gnb_sub5 li a { display:block; text-indent:-9999px; width:30px; height:12px; background:url(../img/menu_sub_5.png) no-repeat; margin-left:18px; }#header #gnb_wrap ul.gnb_sub5 li.sub1 a { width:30px; background-position:0px 0px; }#header #gnb_wrap ul.gnb_sub5 li.sub2 a { width:43px; background-position:-46px 0px; }#header #gnb_wrap ul.gnb_sub5 li.sub1 a:hover, #header #gnb_wrap ul.gnb_sub5 li.sub1_on a { width:30px; background-position:0px -12px; }#header #gnb_wrap ul.gnb_sub5 li.sub2 a:hover, #header #gnb_wrap ul.gnb_sub5 li.sub2_on a { width:43px; background-position:-46px -1246px -12px; }
#header #gnb_wrap ul.gnb li:hover ul { display:block; z-index:99999;}#header #gnb_wrap ul.gnb li.gnb1_on ul { display:block; }#header #gnb_wrap ul.gnb li.gnb2_on ul { display:block;}#header #gnb_wrap ul.gnb li.gnb3_on ul { display:block; }#header #gnb_wrap ul.gnb li.gnb5_on ul { display:block; }
div id=gnb_wrap ul class=gnb li class=gnb1a href=intro.phpspan/span/a ul class=gnb_sub li class=sub1a href=intro.php/a/li li class=sub2a href=intro2.php/a/li li class=sub3a href=intro3.php/a/li /ul /li li class=gnb2a href=info5.phpspan/span/a ul class=gnb_sub2 li class=sub5a href=info5.php/a/li li class=sub2a href=info2.php/a/li li class=sub3a href=info3.php/a/li li class=sub4a href=info4.php/a/li li class=sub1a href=info.php/a/li li class=sub6a href=info6.php/a/li /ul /li li class=gnb3a href=bbs/board.php?bo_table=photospan/span/a ul class=gnb_sub3 li class=sub1a href=bbs/board.php?bo_table=photo/a/li li class=sub2a href=bbs/board.php?bo_table=photo2/a/li /ul /li li class=gnb4a href=bbs/write.php?bo_table=requestspan/span/a /li li class=gnb5a href=bbs/board.php?bo_table=notice3span/span/a ul class=gnb_sub5 li class=sub1a href=bbs/board.php?bo_table=notice3/a/li li class=sub2a href=bbs/board.php?bo_table=notice/a/li !-- li class=sub3a href=../bbs/board.php?bo_table=notice2/a/li -- /ul /li /ul /div
-
사에
position:absolute는 position: relative가 있는 상위엘리먼트가 기준이기 때문에 그 안에서 아무리 높여도 relative엘리먼트안에서는 밖보다 올라갈수가 없어요. 현재 relative설정한 li태그의 설정을 지우든지 아니면 li태그의 z-index를 더 높여주든지 해보세요. 저도 7에서 그랬던 기억이 있어서...
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2698551 | 게시판폭보다 큰 이미지올릴때 어떻게 하시는지요 (9) | 에드문드 | 2025-06-18 |
| 2698522 | [VB.net]원인을 몰라서 이렇게 질문해요! | 개랑 | 2025-06-17 |
| 2698448 | 인코딩 관련문제, 정말 어떻해야 할까요!! (3) | 해찬나래 | 2025-06-17 |
| 2698395 | [질문] 글꼴 포함 시켰을때 퍼블리시 속도 왤케느려요~~~~~~~~T.T (3) | 하연 | 2025-06-16 |
| 2698365 | 쉽지 않은 ul li 문제점 (2) | 크심 | 2025-06-16 |
| 2698310 | 제이쿼리 질문요~ (10) | 두힘 | 2025-06-15 |
| 2698284 | 원격지 서버 값 받아오기/ (3) | 민서 | 2025-06-15 |
| 2698252 | 제이쿼리 간단 질문 | 먹딸기 | 2025-06-15 |
| 2698231 | sprintf?? 질문 (1) | 별빛 | 2025-06-15 |
| 2698204 | 자동차 ECU 맵핑 아시는분? (4) | 풍란 | 2025-06-14 |
| 2698175 | 음 정말 c++과 api 네트워킹 고수분 께 질문합니다. | 앵겨쪼 | 2025-06-14 |
| 2698140 | 익스7과 익스8에서 마진이 다르게 먹혀요ㅠㅠ (4) | 안녕나야 | 2025-06-14 |
| 2698115 | 웹표준,접근성작업자 분들에게 궁금합니다. (4) | 튼동 | 2025-06-14 |
| 2698084 | 표준코딩(div) 비용 질문입니다. (1) | 좍좍 | 2025-06-13 |
| 2698054 | 트러스트폼에 피봇 기능있나요. | 아이폰 | 2025-06-13 |
| 2698003 | 웹표준어렵다고 테이블로 코딩해달라는 프로그래머 --; (10) | 지우 | 2025-06-13 |
| 2697945 | [질문] vc++ 에서 리스트 컨트롤에 부분만 UpdateData() 할 수 없을까요? (2) | 든해솔 | 2025-06-12 |
| 2697917 | {와 }의 필요성?.. (1) | 이루리라 | 2025-06-12 |
| 2697885 | valign 을 대치할수 있는 것은~~ (1) | 족장 | 2025-06-12 |
| 2697855 | 오라클이랑 궁합이 맞는 언어는 자바일까요? c++일까요? (4) | 배꽃 | 2025-06-11 |