Question

我正在使用ASP.NET MVC创建ToDo列表。

每条记录的操作链接为编辑，详细信息和删除。
我想将这些链接更改为 .PNG图片。究竟应该怎么做？

我尝试过以下代码，但没有运气。

<td>
     @Html.ActionLink("Edit", "Edit", new { id=item.ToDoID}) |
     @Html.ActionLink("Details", "Details", new { id=item.ToDoID })
     <img src="@Url.Content("~/images/details.png")" height="15" width="15" /> |
     @Html.ActionLink("Delete", "Delete", new { id=item.ToDoID })
     <img src="@Url.Content("~/images/delete.png")" height="15" width="15" /> 
</td>

Answer 1

您无法使用Html.ActionLink执行此操作。实现的一种方法是使用CSS。像这样的东西：

@Html.ActionLink(
    "Edit", 
    "Home", 
    null , 
    new { 
        style = "background: url('" + Url.Content("~/images/login_sm.bmp") + "') no-repeat center right; display:block; height:84px; width:264px;" 
    }
)

Answer 2

只需创建一个CSS类并将其添加到htmlAttributes对象中。

@Html.ActionLink("Link Name", "Home", null, new { @class="imgLink" })

然后在css文件中创建一个类

a.imgLink
{
     background: url(../images/details.png) no-repeat top left;
     display: block;
     width: 15px;
     height: 15px;
     text-indent: -9999px; /* hides the link text */
}

将文本链接更改为图片链接ASP.NET MVC

2 个答案: