如何在asp mvc 2中使用css添加图像？

Question

我想使用css类将可点击的图像添加到asp mvc 2应用程序中的锚标记，并将url部分保留为空（因为我有javascript代码来加载基于赋予锚标记的id的弹出窗口）。

目前我的代码是：

<%= Html.ImageActionLink(null, null, "~/UI/Forms/Css/Images/get-reservation.png", null, new { @Id = "getReservation" }, new { @Class = "image" })%>

信息：我添加了ID，因为我在点击getReservation id时使用javascript加载弹出窗口。图像类只是添加了填充。

当前的css代码：

.image
{
   padding-left: 10px;  
}

我想要的是什么：

从我的ImageActionLink帮助程序中删除下面的路径

“〜/ UI /形式/ CSS /图像/获取-reservation.png”

并定义一个css类：

.get-reservation
{
background: url('images/get-reservation.png') no-repeat center;
height: 20px;
width:20px;
}

并做这样的事情：

<%= Html.ActionLink("#", null, new { @Class = "get-reservation image" }, new { @Id = "getReservation" })%>

但我在浏览器中得到的结果是这样的:(图像无法显示。）

预期结果：

感谢任何帮助。

由于

Answer 1

在这种情况下使用ActionLink是不必要的，只需使用常规图像或div

<div class="get-reservation image" id="getReservation"></div>

您可以将其添加到样式中，使其更像链接：

border: none;
cursor: pointer; /* hand cursor */

最后，当您选择它来添加点击处理程序时，如果您使用$('a.get-reservation')更改为$('div.get-reservation')或只是$('.get-reservation')

Answer 2

我认为你应该这样做：

<%= Html.ActionLink("", "#", null, new { @Id = "getReservation", @Class = "get-reservation image" })%>

请注意，第一个参数是要显示的文本，这就是您之前在屏幕上显示“＃”的原因。第三个参数是null RouteValues，第四个参数是其他html属性。

这里有方法定义：http://msdn.microsoft.com/en-us/library/dd492124.aspx

希望能帮到你。干杯