Html.ActionLink 的 Css 图像

Question

 Html.ActionLink("", "ActionResult", new { CustomerId= DataBinder.Eval(c.DataItem, "CustomerId") }, new { target = "_blank", @style = "background-image:url(/Image/edit.png); width:50px; height:30px;" }));

你好，

我尝试为操作链接设置图像，但它始终是空的。

如何将图像设置为 html.actionlink ？

我希望操作链接看起来像图像(图像按钮)

注意:请不要向我提供href 等

任何帮助将不胜感激。

谢谢。

Answer 1

如评论中所述，当您未提供任何文本时，您的图像不会显示，因为您的元素设置为显示为 inline。如果没有文本，您的元素就没有大小，无论元素样式中指定的任何 width 或 height 属性如何。要解决此问题，请将元素设置为显示为 inline-block:

(Html.ActionLink(
    "",
    "ActionResult",
    new {
        CustomerId= DataBinder.Eval(c.DataItem, "CustomerId")
    },
    new {
        target = "_blank",
        @style = "
            background-image:url(/Image/edit.png);
            display:inline-block;
            width:50px;
            height:30px;
        "
    })
);