/*수정*/ nav영역 trnsition
재마루
상단 네비게이션 만들다가 의문이 생겨서요
1번에 마우스오버 시 3번의 서브메뉴가 보이도록 css코딩하였습니다.
그런데 파란 영역에 마우스가 옮겨 가면 3번은 사라지고 2번의 서브메뉴가 보이네요;;;;--css--
#nav { width:882px;}
#nav ul li { float:left;}
#nav ul li a { display:block; line-height:43px; text-indent:-9999px;}
#navMn1 { width:131px; height:43px; background-image:url(img/gnb_01.png); background-repeat:no-repeat;}
#navMn2 a { width:97px; height:43px; background-image:url(img/gnb_02.png); background-repeat:no-repeat;}
#navMn3 a { width:93px; height:43px; background-image:url(img/gnb_03.png); background-repeat:no-repeat;}
#navMn4 a { width:93px; height:43px; background-image:url(img/gnb_04.png); background-repeat:no-repeat;}
#navMn5 a { width:93px; height:43px; background-image:url(img/gnb_05.png); background-repeat:no-repeat;}
#navMn6 a { width:93px; height:43px; background-image:url(img/gnb_06.png); background-repeat:no-repeat;}
#navMn7 a { width:93px; height:43px; background-image:url(img/gnb_07.png); background-repeat:no-repeat;}
#navMn8 { width:59px; height:43px; background-image:url(img/gnb2_01.png); background-repeat:no-repeat;}
#navMn9 { width:59px; height:43px; background-image:url(img/gnb2_02.png); background-repeat:no-repeat;}
#navMn10 { width:70px; height:43px; background-image:url(img/gnb2_03.png); background-repeat:no-repeat;}
#navMn2:hover a { background-image:url(img/gnbHover_02.png);}
#navMn3:hover a { background-image:url(img/gnbHover_03.png);}
#navMn4:hover a { background-image:url(img/gnbHover_04.png);}
#navMn5:hover a { background-image:url(img/gnbHover_05.png);}
#navMn6:hover a { background-image:url(img/gnbHover_06.png);}
#navMn7:hover a { background-image:url(img/gnbHover_07.png);}
#navMn_sub1,#navMn_sub2 {position:absolute; padding:0 10px; background-color:#FFF; height:0px;opacity:0;-webkit-transition:height 0.3s, -webkit-transform 0.3s;transition:height 0.3s, transform 0.3s, opacity 0.2s linear;}
#navMn_sub1 dd, #navMn_sub2 dd { float:left; margin:0 8px; font-size:13px; line-height:32px;}
#navMn_sub1 dd:hover a, #navMn_sub2 dd:hover a { color:#09F; font-weight:600;}
#navMn2:hover #navMn_sub1,#navMn3:hover #navMn_sub2 { height:32px;opacity:1;}
...모르겟죠...;;; - -
transition문제인건지..확실히.. 이미지에 width를 준 영역때문에 서브영역이 바뀌어 버리네요...
이미지를 안넣을 수도 없고...
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
| 2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
| 2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
| 2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
| 2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
| 2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
| 2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
| 2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
| 2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
| 2696094 | exe 파일 | 제철 | 2025-05-26 |
| 2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
| 2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |