как вставить картинку в ссылку в HTML? asp.net в MVC

У меня есть навигация и многие ссылки на моем webproject из ссылок действий html. Они уродливы с подчеркиванием. Я хотел бы вставить некоторое изображение с именем или играть со стилями ссылки действия. Возможно ли это? Как это сделать?

спасибо и заботиться, Ragims

7
actionlink asp.net-mvc c#

5 ответов

вы можете использовать css для удаления подчеркиваний или размещения backgroundimage, в противном случае вы также можете просто создать ссылку следующим образом:

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
17

HTML-код.ActionLink и Url.Действие возвращает тот же URL-адрес. Разница в том, что первый создает HTML-элемент, а второй возвращает только URL-адрес этого действия.

другой вариант - использовать Url.RouteUrl или Html.RouteLink для создания ссылки на основе вашего маршрута (к действию), а не непосредственно к действию.

2

одним из решений является создание метода расширения HtmlHelper для создания ссылки действия для конкретного изображения. Подробный учебник можно найти здесь.

0

Если вы находитесь на MVC 3-4 с Razor view engine, это может помочь вам -

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

вместо @Html.ActionLink("linkname","action","controller") вы можете использовать следующие

<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />

"изображения" - это моя папка для хранения изображений. @Url.Content() знать путь. Вы можете передать свое действие и контроллер для этого действия в @Url.Action(). @Url.Action() работает аналогично @Html.ActionLink(). Теперь ваша ссылка будет заменена изображением.

0