c# - mvc4 Action 链接图像

Question

我正在尝试为 ASP.NET MVC4 Web 应用程序替换 _Layout.cshtml 中臭名昭著的“您的 Logo ”。主页(主页 View )的以下作品(在图像中显示的作品)但不是联系人 View (没有图像但 Action 作品)。我需要它在开发环境和生产环境中都能正常工作。

< p class="site-title">@Html.ActionLink(" ", "Index", "Home", new
  {
  style = "background: url('./Images/login_sm.bmp') no-repeat center right;
          display:block; height:84px; width:264px;"
  })
</ p>

Answer 1

图像总是相对于当前 CSS 的位置。

如果你使用内联 CSS，你应该使用 url helpers:

@Html.ActionLink(
    " ", 
    "Index", 
    "Home", 
    null , 
    new { 
        style = "background: url('" + Url.Content("~/images/login_sm.bmp") + "') no-repeat center right; display:block; height:84px; width:264px;" 
    }
)

或者如果您决定定义一个 CSS 类:

@Html.ActionLink(
    " ", 
    "Index", 
    "Home",  
    null , 
    new { 
        @class = "mylink" 
    }
)

您在 ~/content/Site.css 中定义了 .mylink 规则:

.mylink {
    background: url('../images/login_sm.bmp') no-repeat center right; 
    display: block; 
    height: 84px; 
    width: 264px;
}