Hover-Bild (CSS) zu ASP.NET Link-Schaltfläche in einem Datapager

Question

füge ich schweben Bilder zu .Net Linkbuttons der folgenden Methode:

.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> 

Diese mit regelmäßigen Link Tasten gut funktioniert.

Ich muss dies zu meinen nächsten/vorherigen Schaltflächen in einem DataPager hinzufügen. Ich habe versucht, den ButtonType auf "Link" und die Anwendung der ButtonCssClass = "Rollover", aber das funktioniert nicht. Gibt es einen Weg, dies zu erreichen?

Answer 1

Versuchen Sie CSS

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

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

Oder nur

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

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

Sie müssen verändern sich auch Ihre anderen Bilder zu so etwas wie dieses

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