I have navigation and many link on my webproject from html action links. They are ugly with underline. I would like to insert some image with name or play with styles of action link. Is it possible? How to do that?
我在html操作链接的webproject上有导航和许多链接。它们很难看下划线。我想插入一些带有名字的图像或玩动作风格链接。可能吗？怎么做？
Thanks and take care, Ragims
感谢并保重，Ragims
5 个解决方案
#1
17
You could use css to remove the underlines or place a backgroundimage, otherwise you could also just create the link like so:
您可以使用css删除下划线或放置backgroundimage，否则您也可以像这样创建链接：
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
#2
2
Html.ActionLink and Url.Action return the same URL. The difference is that the first creates an HTML element while the second returns just the URL to that action.
Html.ActionLink和Url.Action返回相同的URL。不同之处在于，第一个创建HTML元素，而第二个返回该操作的URL。
Another option is to use Url.RouteUrl or Html.RouteLink to create a link based off your route (to an action) instead of directly to an action.
另一个选择是使用Url.RouteUrl或Html.RouteLink创建一个基于您的路线（到一个动作）的链接，而不是直接创建一个动作。
#3
0
One solution is to create an HtmlHelper extension method for creating an image-specific action link. A detailed tutorial can be found here.
一种解决方案是创建一个HtmlHelper扩展方法，用于创建特定于图像的操作链接。可在此处找到详细的教程。
#4
0
If You are on MVC 3-4 with razor view engine then this may help you-
如果您使用剃刀视图引擎进入MVC 3-4，那么这可能对您有所帮助 -
@Html.ActionLink("your link Name", "Action Method", "Controller",
new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
#5
0
Instead of using @Html.ActionLink("linkname","action","controller") you can use following
您可以使用以下内容，而不是使用@ Html.ActionLink（“linkname”，“action”，“controller”）
<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />
"images" is my folder for storing the images. @Url.Content() is to know the path. You can pass your action and the controller for that action to @Url.Action(). @Url.Action() works similar to the @Html.ActionLink(). Now your link will get replaced by the image.
“images”是我存储图像的文件夹。 @ Url.Content（）是知道路径的。您可以将操作和该操作的控制器传递给@ Url.Action（）。 @ Url.Action（）的工作方式类似于@ Html.ActionLink（）。现在您的链接将被图像替换。
#1
17
You could use css to remove the underlines or place a backgroundimage, otherwise you could also just create the link like so:
您可以使用css删除下划线或放置backgroundimage，否则您也可以像这样创建链接：
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
#2
2
Html.ActionLink and Url.Action return the same URL. The difference is that the first creates an HTML element while the second returns just the URL to that action.
Html.ActionLink和Url.Action返回相同的URL。不同之处在于，第一个创建HTML元素，而第二个返回该操作的URL。
Another option is to use Url.RouteUrl or Html.RouteLink to create a link based off your route (to an action) instead of directly to an action.
另一个选择是使用Url.RouteUrl或Html.RouteLink创建一个基于您的路线（到一个动作）的链接，而不是直接创建一个动作。
#3
0
One solution is to create an HtmlHelper extension method for creating an image-specific action link. A detailed tutorial can be found here.
一种解决方案是创建一个HtmlHelper扩展方法，用于创建特定于图像的操作链接。可在此处找到详细的教程。
#4
0
If You are on MVC 3-4 with razor view engine then this may help you-
如果您使用剃刀视图引擎进入MVC 3-4，那么这可能对您有所帮助 -
@Html.ActionLink("your link Name", "Action Method", "Controller",
new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
#5
0
Instead of using @Html.ActionLink("linkname","action","controller") you can use following
您可以使用以下内容，而不是使用@ Html.ActionLink（“linkname”，“action”，“controller”）
<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />
"images" is my folder for storing the images. @Url.Content() is to know the path. You can pass your action and the controller for that action to @Url.Action(). @Url.Action() works similar to the @Html.ActionLink(). Now your link will get replaced by the image.
“images”是我存储图像的文件夹。 @ Url.Content（）是知道路径的。您可以将操作和该操作的控制器传递给@ Url.Action（）。 @ Url.Action（）的工作方式类似于@ Html.ActionLink（）。现在您的链接将被图像替换。