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