Желая использовать изображение с текстом в Html.ActionLink

Question

Я использую следующее:

<img src="../../Content/Images/lock_16.gif" />
@Html.ActionLink("Register", 
   "Register", 
   "Users", 
   null, 
   new { title = "Register your ID", rel = "nofollow" 
})

Я хотел бы, чтобы изображение блокировки отображалось внутри <a> </a>, чтобы оно было кликабельным, а не перед ним.Я уже использую (и меняю цвет при наведении) фоновое изображение, поэтому для меня невозможно использовать свойство background-image для отображения изображения.

Может кто-нибудь придумать, каким образом я могу настроить изображение так, чтобы оно показывалось перед текстом и оставалось кликабельным.Надеюсь, я найду способ, который позволит мне использовать MVC Html.ActionLink.

Answer 1

Html-помощники в ASP.NET MVC следует использовать, когда они упрощают написание кода, не всегда. Простой HTML будет лучше в вашем случае

<a href="@Url.Action("Register", "Users")" title="Register Your ID", rel="nofollow">
     Register <img src="@Url.Content("~/Content/Images/lock_16.gif")" />
</a>

Обратите внимание, что адрес ссылки по-прежнему генерируется динамически с использованием метода UrlHelper.Action. Таким образом, вы не потеряете зависимость ссылки от конфигурации вашего маршрута. Также, как упоминал Николас, источник изображения должен генерироваться с помощью Url.Content helper.

Answer 2

@Html.ActionLink("link Name", "Action Method", "Controller", 
   new { style = "background-image:url('.././Images/imageName.png')" },
   null)

Answer 3

Вы можете использовать что-то вроде -

@Html.ActionLink("link Name", "Action Method", "Controller", new { style = "background-image:url('.././Images/imageName.png')" },null)