How to show text on ImageButton on mouse over by css
<p>I have an image button inside the div. I am increasing the image size and z-index on the hover on div. but I want to add some text over the image button when the hover is calling. how can I do ?</p>

<p>my css:</p>

<pre><code>.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;
}
</code></pre>

<p>my html:</p>

<pre><code>&lt;div id="divImageDisplay" class="HoverImageClass" runat="server"&gt;


&lt;asp:ImageButton runat="server" CssClass="course_img" ID="imgbtnCourse" AlternateText='&lt;%#Eval("LevelName") %&gt;' ToolTip='&lt;%#Eval("LevelName") %&gt;' ImageUrl='&lt;%#Eval("CourseImagePath") %&gt;' CausesValidation="False" CommandName="AddToCart" CommandArgument='&lt;%# String.Format("{0},{1},{2},{3},{4},{5}",Eval("ID"),Eval("LevelID"),Eval("CurrencyWithValue"),Eval("CourseImagePath"),Eval("CategoryID"),Eval("MRP"))  %&gt;'&gt;&lt;/asp:ImageButton&gt;

&lt;/div&gt;
</code></pre>
