2012-02-17 63 views
0

我離開這個默認的CSS文件的網站重新鼠標懸停在日誌上的鏈接

.hover a 
{ 
    background-color:Gray; 
    text-decoration:none; 
} 

.hover a:hover 
{ 
    background-color:Red; 
    color:White; 
} 

和_LogonPartial.cshtml

@if(Request.IsAuthenticated) { 
    <text>Welcome <strong>@User.Identity.Name</strong>! 
    [ @Html.ActionLink("Log Off", "LogOff", "Account") ]</text> 
} 
else { 
    @Html.ActionLink("Log On", "LogOn", "Account", new { @class="hover"}) 
} 

只有類hover->一個是有效的,我也很奇怪爲什麼當我的鼠標在Log On鏈接上時,URL會添加「?length = 7」,那是什麼?

+0

不知道它的有意或無意(和它沒有解決任何方式你的問題),但你只能申請懸停類的「登錄」鏈接,而不是「註銷」鏈接。 – 2012-02-17 17:42:43

回答

0

待完成。 ?

的CSS

a.hover:hover

的更換.hover a:hover長度問題

此鏈接解釋了爲什麼會發生:Why does Html.ActionLink render 「?Length=4」

根據鏈接帖子更改ActionLink以下應該修復該問題。

Html.ActionLink("Log On", "LogOn", new { controller = "Account" }, new { @class = "hover" }) 

,或者如果你是從賬戶控制器已經來了,那麼你就不需要在鏈接再次指定它,null也會起作用。 null會導致鏈接轉到視圖從一開始的控制器中的操作。

Html.ActionLink("Log On", "LogOn", null, new { @class = "hover" }) 

Bascially你使用的ActionLink錯誤的覆蓋。

0

你的CSS應該是:

如果
a.hover 
{ 
    background-color:Gray; 
    text-decoration:none; 
} 

a.hover:hover 
{ 
    background-color:Red; 
    color:White; 
}