CSS - max z-index value

css browser cross-browser z-index
Web_Designer picture Web_Designer · Dec 19, 2011 · Viewed 55.7k times · Source

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

I thought I read somewhere once about a max z-index value. Maybe I'm wrong.
Thanks in advance!

Answer

Netizen110 picture Netizen110 · Dec 19, 2011

These are the max 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

Found it somewhere on the web.

Related questions

css 'pointer-events' property alternative for IE

I have a drop down navigation menu in which some of the title should not navigate to other page when clicked(these title open a drop down menu when clicked on) while others should navigate (these dont have dropdown and …

Read More
how to apply css rule to the previous and the next element in HTML?

For example: You have this: <ul> <li>zero</li> <li>one</li> <li class="selected">two</li> <li>three</li> <li&…

Read More
Mixing percent and fixed CSS

This is a duplicate from UI.StackExchange.com: https://ux.stackexchange.com/questions/1004/mixing-percent-and-fixed-css Should you ever apply percentage and fixed CSS together? Will it cause problems, and if so what kinds? Does mixing degrade browser render performance? Will mixing …

Read More