图片# 39;URL不希望加载

本文关键字：希望 加载 URL 图片 | 更新日期: 2023-09-27 18:17:07

我使用这个代码在一个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;
}

但是图片不收费(404在img路径上)，

所以我期望RouteConfig，但谷歌说没有。

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

Thanks to help me

编辑:I tried 

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

图片# 39;URL不希望加载

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

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

尝试不加"a"，例如:

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

@HTML的链接文本为空。ACTIONLINK会抛出一个错误。使用

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

根据我对MVC的一点经验，实现所需的唯一方法是在视图本身中包含CSS:

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

@Url.Content将正确映射给定的URL

如果没有位置，图像无法显示，所以当我用"test"代替" "时，图像显示出来了。

解决方案:

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

谢谢所有的

相关文章：