Question

我使用以下方法将悬停图像添加到.Net LinkButtons：

.rollover a 
{
  background-image:url(/images/shoppingcart/butpill_continue.gif);
}

.rollover a:hover 
{
  background-image:url(/images/shoppingcart/butpill_continue_over.gif);
}

<div class="rollover">
<asp:LinkButton ID="btnContinue" runat="server"></asp:LinkButton>
</div>

这适用于常规链接按钮。

我需要将它添加到DataPager中的下一个/上一个按钮。我尝试将ButtonType设置为“Link”并应用ButtonCssClass =“rollover”，但这不起作用。有没有办法实现这个目标？

Answer 1

尝试将您的CSS更改为

a.rollover { background-image:url(/images/shoppingcart/butpill_continue.gif); }

a.rollover:hover { background-image:url(/images/shoppingcart/butpill_continue_over.gif); }

或者只是

.rollover { background-image:url(/images/shoppingcart/butpill_continue.gif); }

.rollover:hover { background-image:url(/images/shoppingcart/butpill_continue_over.gif); }

您还必须将其他图片更改为此类

<asp:LinkButton ID="btnContinue" runat="server" CssClass="rollover" />

将悬停图像（CSS）添加到DataPager中的ASP.NET链接按钮

1 个答案: