如何在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" })%> 

信息：我加了標識，因爲我使用JavaScript在單擊getReservation ID時加載彈出。圖像類只是添加填充。

當前的CSS代碼：

.image 
{ 
    padding-left: 10px; 
} 

我想要什麼：

從我ImageActionLink幫手

「〜/ UI /表格/ CSS /圖像/獲取預約以下刪除路徑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" })%> 

注意，第一個參數是顯示文本，這就是爲什麼你以前有一個在屏幕上「＃」。第三個參數是一個空的RouteValues，第四個是附加的html屬性。

在這裏，你有方法的定義：http://msdn.microsoft.com/en-us/library/dd492124.aspx

希望能幫助你。乾杯