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

StackOverflow https://stackoverflow.com/questions/3627178

  •  26-09-2019
  •  | 
  •  

Вопрос

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

Спасибо и позаботьтесь, Ragims

Это было полезно?

Решение

Вы можете использовать CSS для удаления подчеркивания или разместить фоновое изображение, иначе вы также можете просто создать ссылку, как SO:

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

Другие советы

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

Другим вариантом является использование URL.ROOTEURL или HTML.ROUTELINK, чтобы создать ссылку на основе вашего маршрута (на действие), а не непосредственно к действию.

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

Если вы на MVC 3-4 с помощью Razor View Engine, это может помочь вам

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

Вместо использования @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()Отказ Теперь ваша ссылка будет заменена на изображение.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top