如何在html動作鏈接中插入圖像？ asp.net mvc

Question

我在html操作鏈接的webproject上有導航和許多鏈接。 它們很難看下划線。 我想插入一些帶有名字的圖像或玩動作風格鏈接。 可能嗎？ 怎么做？

感謝並保重，Ragims

Answer 1

您可以使用css刪除下划線或放置backgroundimage，否則您也可以像這樣創建鏈接：

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

Answer 2

Html.ActionLink和Url.Action返回相同的URL。 不同之處在於，第一個創建HTML元素，而第二個返回該操作的URL。

另一種選擇是使用Url.RouteUrl或Html.RouteLink創建基於路線（到動作）的鏈接，而不是直接創建動作。

Answer 3

如果您使用razor視圖引擎進入MVC 3-4，那么這可能對您有所幫助 -

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

Answer 4

您可以使用以下內容@Html.ActionLink("linkname","action","controller")而不是使用@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() 。 現在您的鏈接將被圖像替換。

Answer 5

一種解決方案是創建一個HtmlHelper擴展方法，用於創建特定於圖像的操作鏈接。 可在此處找到詳細的教程。