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
Post a Comment