MVC3 Action link - кнопки изображений, которые запускают Jquery

Question

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

"cssClassandModalPopup" })

Это дает мне ссылку, называемую Apple, на которой щелкает модальное диалоговое окно Jquery.Я хочу изменить этот текст ссылки на кнопку (у меня есть файл .png).Я пробовал оба url.action и также пытался назначить фоновое изображение в css, но результат не был на 100% удовлетворительным.Если я использую url.action, я не смогу использовать последний параметр для всплывающего диалогового окна Jquery.Если я использую ссылку действия и назначаю фоновое изображение в css, строка «Текстовое имя» (первый параметр выше) накладывается на изображение, которое не дает хорошего результата.И это не будет принимать пустое значение в качестве параметра .. какие-либо идеи, пожалуйста?

Answer 1

Я бы, вероятно, использовал бы комбинацию любого CSS-метода замены и 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%;
}