как вставить изображение в html ссылку действия? asp.net в MVC

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

Спасибо и берегите себя., Рагимс

5 7
c# asp.net-mvc actionlink

5 ответов:

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

<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")' />

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

0