Minimum and maximum value of z-index?

Question

I have a div in my HTML page. I am showing this div based on some condition, but the div is displaying behind the HTML element where I pointed the mouse cursor.

I have tried all values for z-index from 0 - 999999. Can anyone tell me why this is happening?

Is there any minimum or maximum value of Z-INDEX property of CSS?

.divClass {

     position: absolute; 

     left: 25px; 

     top: 25px; 

     width: 320px;

     height: 300px; 

     z-index: 1000; 

}

<table cellspacing="0" cellpadding="0" width="100%">

  <tr>

    <td>

      <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink>

    </td>

  </tr>

  <tr>

     <td>

         <div class="divClass">

           Some Data

         </div>

     </td>

  </tr> 

</table>

I am showing and hiding the div with .divClass onclick via the <asp:hyperlink> using jQuery.

Answer 1

Refer to the table given below for maximum and minimum value for z-index: