下拉菜單選項卡不能在VS2010上工作

我試圖爲我的主頁上的其中一個維護創建下拉式導航選項卡，我用CSS來做到這一點。它可以在記事本上正常工作，但不適用於Visual Studio主頁文件。你能告訴我我錯了嗎？樣式表和代碼都低於：下拉菜單選項卡不能在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

你是什麼意思與「它可以在記事本精」試試？ – 2013-04-05 10:08:37

我的意思是作爲記事本上的html文件，它在瀏覽器上工作正常。當我在VS中的aspx文件上使用相同的代碼並嘗試調試它時，選項卡顯示，但不顯示下拉列表。 – danny 2013-04-05 10:10:40

你有沒有其他樣式表包含在'.master'頁面中？ – Morpheus 2013-04-05 10:16:57

與添加標籤像下面

<!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 2013-04-05 12:32:55

是不是像ie8-7這樣的老瀏覽器吧？ – Nilesh 2013-04-05 12:44:13

我想在鉻 – danny 2013-04-05 12:49:21

下拉菜單選項卡不能在VS2010上工作

回答

相關問題