asp.net - How to show text on ImageButton on mouse over by css -


i have image button inside div. increasing image size , z-index on hover on div. want add text on image button when hover calling. how can ?

my css:

.hoverimageclass input[type=image]:hover {     position: relative;     z-index: 10000;     height: 274px;     width: 226px;     margin-top: -67px;     margin-left: -14px;     padding-bottom: 13px;     background-color: #f7f6eb; } 

my html:

<div id="divimagedisplay" class="hoverimageclass" runat="server">   <asp:imagebutton runat="server" cssclass="course_img" id="imgbtncourse" alternatetext='<%#eval("levelname") %>' tooltip='<%#eval("levelname") %>' imageurl='<%#eval("courseimagepath") %>' causesvalidation="false" commandname="addtocart" commandargument='<%# string.format("{0},{1},{2},{3},{4},{5}",eval("id"),eval("levelid"),eval("currencywithvalue"),eval("courseimagepath"),eval("categoryid"),eval("mrp"))  %>'></asp:imagebutton>  </div> 

well, if text on button via normal html, 1 possible method on main css class make " color:"" " same of background, , on :hover class, change different color readable/eligible. or possibly set font size tiny on original, bump size on :hover!

hope helps!


Comments

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -