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%;
}

MVC3动作链接 - 触发Jquery的图像按钮

1 个答案: