Question

我正在使用此代码在C＃MVC4应用程序的链接中制作图像：

@Html.ActionLink(" ", "../Edit", new { id = item.Id }, new { @class = "edit" })

CSS：

a.edit
        {
            background: url("~/Content/Images/edit.png") no-repeat top left;
            display: block;
}

但是图像不会充电（img路径上的404），

所以我期待RouteConfig，但google说没有。

图片位于MyAppName/Content/Images/edit.png

感谢帮助我

编辑：我试过

url("~/Content/Images/edit.png") 
url("/Content/Images/edit.png") 
url("../Content/Images/edit.png") 
url("../../Content/Images/edit.png")

Answer 1

我认为你想要background-image而不仅仅是background：

a.edit {
        background-image: url("~/Content/Images/edit.png");
        backbround-repeat: no-repeat;
        background-position: left top;
        display: block;
}

Answer 2

尝试不使用“a”，例如：

.edit
{
      background: url("~/Content/Images/edit.png") no-repeat top left;
      display: block;
}

Answer 3

您给出的@ HTML.ACTIONLINK的链接文本为空，这将导致错误。使用

 <a href="../Edif" class="edit"></a> instead

Answer 4

根据我对MVC的一点经验，实现你需要的唯一方法是在视图中包含CSS然后：

<style type="text/css">
    a.edit { background-image: url("@Url.Content("~/Content/Images/edit.png")"); }
</style>

@Url.Content会正确映射给定的网址。

Answer 5

如果没有地方，则无法显示图像，因此当我将“test”内容设为“”时，图像就会出现。

解决方案：

        a.edit {
        background: url("@Url.Content("Content/Images/edit.png")") no-repeat transparent;
        width: 14px;
        height: 14px;
        display: inline-block;
        float: left;
}

全部谢谢

图片＆＃39;网址不想加载

5 个答案: