html - Minimum and Maximum value of Z-INDEX -


In my HTML page I have a DIV, I'm showing this DIV based on some condition. But DIV is displaying behind any HTML element where I pointed to the mouse cursor.
I have tried all the values ​​for Z-INDEX property from 0-99 99 99.

Can anyone tell me why this is happening?

Is there a minimum or maximum value for Z-INDEX property of CSS?
For example, after HTML, the ASCX control is defined in:

   

and CSS is:

  .divClass {status: absolute; Left: 25px; Top: 25px; Width: 320px; Height: 300px; Z-index: 1000; display none; }  

And I'm showing / hiding a specific DIV to use hyperlink + Jquery on the main page.

'z-index'

Value : Auto | & Lt; Integer & gt; | Some value types can contain integer values ​​(marked with & lt; integer & gt;) or actual number values ​​(marked by & lt; numbers & gt;). Actual numbers and integers are only specified in decimal notation, a & lt; Integer & gt; One or more digits are "9" with "9" a & lt; Number & gt; Either a & lt; Integer & gt; Maybe, or it can be zero or more digits, after which there may be one or more digits after one (or.) Digits. Both integer and real numbers can indicate with a "-" or "+" signal -0 is equal to 0 and not a negative number.

Note that many properties which allow an integer or actual number as values, actually limit the value to some extent, often for a non-negative value.

So basically there is no limit to the CSS standard in the z-index value, but I think most browsers sign it on 32-bit values ​​(-2147483648 + 2147483647) (64 is going to be slightly off from above, and these days are not meant to use less than 32 bits)


Comments