如何在html动作链接中插入图像? ASP.NET MVC

发布于 2024-09-17 01:29:33 字数 106 浏览 13 评论 0原文

我的 web 项目上有来自 html 操作链接的导航和许多链接。 它们很丑,有下划线。我想插入一些带有名称的图像或使用操作链接的样式。 是否可以?怎么做呢?

谢谢并保重, 拉吉姆斯

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?

Thanks and take care,
Ragims

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

电影里的梦 2024-09-24 01:29:39

如果您使用带有 razor 视图引擎的 MVC 3-4 那么这可能会帮助您-

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

If You are on MVC 3-4 with razor view engine then this may help you-

@Html.ActionLink("your link Name", "Action Method", "Controller", 
        new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
当梦初醒 2024-09-24 01:29:39

而不是使用 @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() 类似。
现在您的链接将被图像替换。

Instead of using @Html.ActionLink("linkname","action","controller")
you can use following

<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.

入怼 2024-09-24 01:29:37

Html.ActionLink 和 Url.Action 返回相同的 URL。不同之处在于,第一个创建 HTML 元素,而第二个仅返回该操作的 URL。

另一种选择是使用 Url.RouteUrl 或 Html.RouteLink 创建基于您的路线(到操作)的链接,而不是直接到操作。

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.

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.

千寻… 2024-09-24 01:29:37

一种解决方案是创建 HtmlHelper 扩展方法来创建特定于图像的操作链接。详细教程可以在此处找到。

One solution is to create an HtmlHelper extension method for creating an image-specific action link. A detailed tutorial can be found here.

剩余の解释 2024-09-24 01:29:36

您可以使用 css 删除下划线或放置背景图片,
否则你也可以像这样创建链接:

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

You could use css to remove the underlines or place a backgroundimage,
otherwise you could also just create the link like so:

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文