드롭 다운 메뉴 탭이 VS2010에서 작동하지 않습니다.

내 홈페이지의 기본 탭 중 하나에 대한 드롭 다운 탐색 탭을 만들려고했습니다. CSS를 사용했습니다. 메모장에서는 잘 작동하지만 비쥬얼 스튜디오 마스터 페이지에서는 작동하지 않습니다. 어디서 잘못 됐는지 말씀해 주시겠습니까? 스타일 시트와 코드는 다음과 같습니다 :드롭 다운 메뉴 탭이 VS2010에서 작동하지 않습니다.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<style type="text/css"> 

#navMenu 
{ 
margin: 0; 
padding: 0; 
} 

#navMenu ul {  
margin: 0; 
padding: 0; 
line-height:40px;  
} 

#navMenu li 
{ 
margin: 0; 
padding :0; 
list-style:none; 
position: relative; 
float: left; 
background-color:gray; 
color:#000; 
border-radius:5px; 
} 

#navMenu ul li a 
{ 
text-align:center; 
font-family:tahoma; 
font-size:9.5pt; 
text-decoration:none; 
height:40px; 
display:block; 
color:#000; 
border-right:white thin solid;  
} 

#navMenu ul ul 
{ 
position:absolute; 
visibility:hidden; 
top:40px; 
} 

#navmenu ul li:hover ul 
{ 
visibility:visible; 
} 

#navMenu li:hover { 
background-color:black; 
color:#FFF; 
} 

#navMenu ul li:hover ul li a:hover 
{ 
background:black; 
color:white; 
} 

#navMenu a:hover{ 
color:#FFF 
} 

</style> 
</head> 
<body onresize="window.location=window.location;" style="text-align:justify"> 
<form id="form1" runat="server">  
    <div> 
    <table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td colspan="5"> 
         <div id="navMenu"> 
         <ul> 
         <li> 
         <a href="~/" style="width:65px">Home</a>      
         </li>        
         <li> 
         <a href="~/" style="width:150px">tab1</a>       
         <ul > 
         <li><a href="~/" style="width:150px">subtab1</a> </li> 
         <li><a href="~/" style="width:150px">subtab2</a> </li> 
         <li><a href="~/" style="width:150px">subtab3</a> </li> 
         <li><a href="~/" style="width:150px">subtab4</a> </li> 
         </ul> 
         </li> 
         <li>             
         <a href="~/" style="width:125px">tab2</a> 
         </li> 
         <li> 
         <a href="~/" style="width:95px">tab3</a> 
         </li> 
         <li> 
         <a href="~/" style="width:65px">tab4</a> 
         </li> 
         <li> 
         <a href="~/" style="width:110px">tab5</a> 
         </li> 
         <li> 
         <a href="~/" style="width:165px">tab6</a> 
         </li> 
         <li> 
         <a href="~/" style="width:200px">tab7</a> 
         </li> 
         </ul> 
         </div> 
     </td> 
     </tr> 

    </table> 
    </div> 
    </form> 
    </body> 
    </html>

출처

2013-04-05 danny

다음과 같이 태그를 추가로 시도? –

메모장에서 html 파일로 브라우저에서 잘 작동한다는 것을 의미합니다. VS에서 aspx 파일에 동일한 코드를 사용하고 디버그하려고하면 탭이 나타나지만 드롭 다운은 표시되지 않습니다. – danny

'.master' 페이지에 다른 스타일 시트가 있습니까? – Morpheus

는 "이 메모장에서 잘 작동"무엇을 의미합니까 같은

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

출처

2013-04-05 12:20:21 Nilesh

그게 내 페이지에있는 것과 정확히 같습니다. 그것이 문제의 원인입니다. 제거하면 드롭 다운이 정상적으로 작동합니다. – danny

ie8-7 오른쪽과 같은 오래된 브라우저에서 wokring하지 않습니까? – Nilesh

나는 크롬에서 시도하고있다 – danny

드롭 다운 메뉴 탭이 VS2010에서 작동하지 않습니다.

답변

관련 문제