如何插入HTML中的操作链接图像? asp.net的MVC
-
26-09-2019 - |
题
我已经从HTML动作链接我webproject导航等众多环节。 他们是丑陋的下划线。我想插入一些图片与名称或风格的动作链接的发挥。 可能吗?那怎么办?
感谢和照顾, Ragims
解决方案
您可以使用CSS来删除下划线或放置一个将backgroundImage, 否则,你也可以只创建链接,像这样:
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
其他提示
Html.ActionLink和Url.Action返回相同的URL。不同的是,所述第一创建HTML元素,而第二返回刚刚URL以该动作。
另一种选择是使用Url.RouteUrl或Html.RouteLink基于关闭你的路线(一个动作)来创建链路,而不是直接向的动作。
一个解决方案是用于创建图像的特定操作链路创建的HtmlHelper扩展方法。甲详细的教程可以发现这里。
如果你在MVC 3-4 Razor视图引擎那么这可能会帮助你 -
@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()
。
现在,您的链接将被图像被替换。
不隶属于 StackOverflow