2012-05-22 86 views
0

我在下拉菜單中獲取一些文本時遇到了問題。任何想法如何解決它?JQuery DropDown間距問題

下面是HTML和C#

<ul class="dropdown"> 
    <li> 
    <p class="MenuOverskrift"> 
     <a href="#">Produkter</a> 
    </p> 

    <ul> 
     <asp:Label ID="lbl_Standard_Panel" runat="server" Text="" /> 
    </ul> 
    </li> 
</ul> 

string standard_Menu = ""; 

     foreach (Products group in Products.GetEvereGroup(connection)) 
     { 
      standard_Menu += "<li>" + 
       "<p>" + 
       group.GroupName + 
       "</p>" + 
       "<ul>"; 

      foreach (Products product in Products.GetProductsByGroup(group.GroupID, connection)) 
      { 
       standard_Menu += "<li>" + 
        "<p>" + 
        "<a href=\"_" + product.Link + "\">" + product.ProductName + "</a>" + 
        "</p>" + 
        "</li>"; 
      } 

      standard_Menu += "</ul>" + 
       "</li>"; 

      lbl_Standard_Panel.Text = standard_Menu; 
     } 

這裏是CSS

#Menu_Standard 
{ 
position: relative; 
left: 550px; 
width: 100px; 
} 
#Menu_Standard ul li ul li p 
{ 
    color: #9c8b5c; 
} 
    #Menu_Standard ul ul ul 
    { 
     right: 100px; 
    } 
     #Menu_Standard ul li ul li a 
     { 
      color: #9c8b5c; 
      text-decoration: none; 
      font-size: medium; 
     } 
      #Menu_Standard a 
      { 
       color: #9c8b5c; 
       text-decoration: none; 
       font-size: x-large; 
      } 

ul.dropdown ul 
{ 
visibility: hidden; 
position:relative; 
z-index:1; 
width: auto; 
} 

ul.dropdown li:hover > ul 
{ 
visibility: visible; 
background-color: #373741; 
filter:alpha(opacity=60); 
border-radius: 15px; 
padding: 5px; 
} 

,這裏是一個問題的圖片 enter image description here

任何幫助,將不勝感激

修復了一些chan的問題ging visibilty:隱藏的;表示:無;

但問題仍然occour而徘徊 enter image description here

回答

2

visibility: hidden屬性設置爲該元件表現爲其不透明度爲0時,使用display: none代替的元件。

+0

謝謝修復它,sorta –

+0

@Michael Tot Korsgaard歡迎您。 – undefined

+0

你知道如何解決我的其他問題嗎? –