li:hover 이 안먹히는 이유 뭔가요? ㅠㅠ
#main_menu {list-style-type:none; position:absolute; margin-left:250px; top:82px;}
#main_menu li {float:left;}
#main_menu li a {font-weight:bold; display:block; font-size:16px; padding:7px 40px;}
#main_menu li a:hover {color:#fff600;}
#main_menu li ul {display:none; position:absolute; list-style-type:none; top:34px;}
#main_menu li ul li a {display:block; font-size:13px; color:#61ac1e; padding:5px 13px;}
#main_menu li ul li a:hover {color:#FF9900;}
#main_menu li:hover ul {display:block;}
<ul id="main_menu">
<li><a href="#">회사소개</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
</li>
</ul>
-------------
위와 같이 코딩시 그누보드만 적용하면 IE에서 하위메뉴가 안나옵니다.
css 마지막줄 #main_menu li:hover ul {display:block;} 이것이 안먹히는군요.
해결 방법이 없을까요? ㅠㅠ
#main_menu li {float:left;}
#main_menu li a {font-weight:bold; display:block; font-size:16px; padding:7px 40px;}
#main_menu li a:hover {color:#fff600;}
#main_menu li ul {display:none; position:absolute; list-style-type:none; top:34px;}
#main_menu li ul li a {display:block; font-size:13px; color:#61ac1e; padding:5px 13px;}
#main_menu li ul li a:hover {color:#FF9900;}
#main_menu li:hover ul {display:block;}
<ul id="main_menu">
<li><a href="#">회사소개</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
</li>
</ul>
-------------
위와 같이 코딩시 그누보드만 적용하면 IE에서 하위메뉴가 안나옵니다.
css 마지막줄 #main_menu li:hover ul {display:block;} 이것이 안먹히는군요.
해결 방법이 없을까요? ㅠㅠ
댓글 2개
cshop2
12년 전
답을 아는데 답변드리기가 싫으네요. 님은 문제 해결되시면 항상 답변 채택을 안하시고 질문을 삭제하시는 관계로....
takumi22
12년 전
질문자님 채택을 좀 하셔야 될거 같네요 ㅋㅋ
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기