Best IT Recipes

CSS - maximum z-index value

Is there a maximum / minimum value for the z-index CSS property?
Do different browsers have different maximum / minimum accepted values?
How will the browser handle high / low value?

It seemed to me that I read somewhere about the maximum value of z-index . Maybe I'm wrong.
Thanks in advance!

+55
css cross-browser browser z-index
Dec 19 '11 at 18:38
source share
3 answers

These are the maximum values.

  Browser Max z-index value When exceeded, value changes to:
 Internet Explorer 6 2147483647 2147483647
 Internet Explorer 7 2147483647 2147483647
 Internet Explorer 8 2147483647 2147483647
 Firefox 2 2147483647 * element disappears *
 Firefox 3 2147483647 0
 Safari 3 16777271 16777271
 Safari 4 2147483647 2147483647
 Chrome 29 2147483647 2147483647
 Opera 9 2147483647 2147483647

Find it somewhere on the Internet.

+97
Dec 19 '11 at 18:42
source share

Incredibly, this is the value of chrome max z-index.

 .css('z-index', '99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999').css('z-index')

If you add another digit, it will go to 1e+308

+17
Dec 19 '11 at 18:57
source share

Newer information found since 2012:

"Chrome, Opera, and IE9 seem to be the only browsers that support a true infinite value for the z-index, while Firefox still uses 2147483647, and Safari now engages in some strange rounding behavior after the number exceeds 16 digits in length."

Here is the source: World War Z-index

+1
Sep 24 '13 at 10:59 on
source share


More articles: