ASP.NET/CSS - 無法獲得：主動工作

Question

我有一個菜單欄在我的主頁面，由4個超鏈接和背景圖像組成，使用css進行設置。懸停時，這些圖像被換出，也是由CSS。所以每個菜單項（超鏈接）都有兩個圖像，一個靜態圖像和一個懸停圖像。當用戶點擊其中一個菜單項並被帶到該頁面時，我希望懸停圖像能夠「粘住」該頁面。這裏是我的代碼：

<div id="nav"> 
    <asp:HyperLink ID="hlHome" runat="server" 
      NavigateUrl="~/Default.aspx" CssClass="menuHome" /> 
</div> 

#nav a, #nav a:visited 
{ 
    height:39px; 
    border:none; 
    padding:0; 
    display:block; 
    cursor:pointer; 
} 

a.menuHome, a.menuHome:visited 
{ 
    width:76px; 
    height:39px; 
    background:url('home.gif'); 
} 

a.menuHome:hover, a.menuHome:active 
{ 
    width:76px; 
    height:39px; 
    background:url('home_hover.gif') no-repeat; 
} 

我的超級鏈接背景圖像渲染，將鼠標懸停效果也工作，我只是不能讓鼠標懸停圖片「大棒」 /保持活躍。任何幫助？

Answer 1

一個選項（我覺得肯定會有更好的選擇）將會有一個額外的類，也許activepage，然後將此類添加到每個頁面上的活動菜單項。 你可以嘗試在頁面加載時動態地做它。這activepage類可以有一個CSS條目，包括background:url('home_hover.gif') no-repeat;

以防萬一你不知道，多類標識符可以在單個HTML元素用空格分隔如設置：<a href="foo.html" class="activepage menuHome">