Question

<div class="orderby_name">
@Html.ActionLink(" ", "DisplayCategory", "Categories", new { articleSortBy = "Name", articleSortType = "asc" }, null)
</div>

如果存在ImageLink，我正在寻找剃须刀。现在我有@ Html.ActionLink，因为我没有任何文字名称，我无法点击它。我希望将图像作为链接。

如何将图像作为剃须刀中的链接？

Answer 1

内置助手无法做到这一点。

您需要创建一个普通的<a href="@Url.Action(...)">代码。

Answer 2

希望此代码有用

@using (Html.BeginForm())
                {
                    <a href='@Url.Action("Index")'>
                        <img src='@Url.Content("../../Content/Images/head.jpg")' alt="Home Page">
                    </a>        }

Answer 3

实际上看起来有一种方法..如果你向htmlAttributes添加CSS规则，如本帖的最佳答案所示： Html.ActionLink as a button or an image, not a link

Answer 4

在asp.net mvc 3中，您使用单个空格处理链接文本的代码，只需添加指向图像的类名（下面的类名称指向字体真棒图像）：

@Html.ActionLink(" ", "ActionName", "ControllerName",
new {UniqueId = item.UniqueId},
new { @class = "fa fa-download", @title = "Download the document" })

添加一些css以防止图像下划线：

a.fa
{
    text-decoration:none;
}

mvc3 Html.ActionLink as image not not text

4 个答案: