Menuitems沒有改變，當我懸停在MenuItems。在Asp.net上

下面的代碼我有一個問題。當我將鼠標懸停在菜單項上時，宿主類不會影響菜單項。顏色和背景圖像未更改。Menuitems沒有改變，當我懸停在MenuItems。在Asp.net上

我該做什麼？

P.S我在環境中使用MS visual Studio 2010和asp.net。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
     .departmentsHover 
     { 
      color:Red; 
      padding-left:4px; 
      background-color:green; 
       background-image:url("tile.jpg"); 
      width:150px; 
     } 
     .departments 
     { 
      color:Black; 
      background-color:red; 
      margin:2px; 
      padding:4px; 
      width:100px; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

    <asp:Menu ID="Menu1" runat="server" > 


     <Items> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 

     </Items> 

     <StaticMenuItemStyle CssClass="departments"/> 
     **<StaticHoverStyle CssClass="departmentsHover"/>** 

     <StaticMenuStyle CssClass="mainmenu" /> 

    </asp:Menu> 

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

來源

2011-11-03 Tabriz Atayi

這可能幫助你的http：/ /forums.asp.net/t/1053609.aspx/1 – Chin

你爲什麼不只是使用CSS懸停

.departments:hover 
     { 
      color:Red; 
      padding-left:4px; 
      background-color:green; 
       background-image:url("tile.jpg"); 
      width:150px; 
     }

來源

2011-11-03 09:09:13

但我使用的方式是不工作？ –

懸停時使用螢火蟲追蹤菜單項的屬性。 –

嘗試這種方式

<asp:Menu ID="Menu1" runat="server" CssClass="departments" > 
     <Items> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 
      <asp:MenuItem Text="ada"></asp:MenuItem> 

     </Items>  

</asp:Menu>

，並在你的風格

<style type="text/css"> 
     .departments:hover 
     { 
      color:Red; 
      padding-left:4px; 
      background-color:green; 
      background-image:url("tile.jpg"); 
      width:150px; 
     } 
     .departments 
     { 
      color:Black; 
      background-color:red; 
      margin:2px; 
      padding:4px; 
      width:100px; 
     } 
    </style>

來源

2011-11-03 09:16:23

Menuitems沒有改變，當我懸停在MenuItems。在Asp.net上

回答

相關問題