MVC3動作鏈接 - 觸發Jquery的圖像按鈕

Question

@Html.ActionLink("Apple", "ActionName", new { id = item.id }, new { @class = 

"cssClassandModalPopup" }) 

這給了我一個名爲Apple的鏈接，onclick彈出一個Jquery模式對話框。我想將此鏈接文本更改爲一個按鈕（我有一個.png文件）。我嘗試了兩個url.action，並試圖在CSS中分配背景圖像，但結果並不是100％滿意。如果我使用url.action，我無法使用彈出的Jquery對話框的最後一個參數。如果我使用操作鏈接並在css中分配背景圖像，則「圖像名稱」字符串（上面的第一個參數）會覆蓋圖像而不會產生良好結果。它不會把一個空值作爲參數..任何想法請嗎？

Answer 1

我可能會使用任何CSS image replacement technique和URL.Action的組合。

所以，你的動作鏈接看起來是這樣的：

<a href="@Url.Action("ActionName", "ControllerName", new (id = item.id }" id="appleImageLink" class="cssClassandModalPopup"> 
    <em></em> 
    Apple 
</a> 

然後你的CSS像

a#appleImageLink { 
    width: 350px; height: 75px; 
    position: relative; 
} 

a#appleImageLink span { 
    background: url("images/fruit/apple.jpg"); 
    position: absolute; 
    width: 100%; 
    height: 100%; 
}