Maximum and minimum values of z-index

Browser	Maximum Value	After the maximum value is exceeded	Minimum value	After the minimum value is less	Remarks
IE6	2147483647	2147483647	-2147483648	-2147483648
IE7	2147483647	2147483647	-2147483648	-2147483648
IE8	2147483647	2147483647	-2147483648	-2147483648
IE9	2147483647	2147483647	-2147483648	-2147483648
IE10	2147483647	2147483647	-2147483648	-2147483648
IE11	2147483647	2147483647	-2147483648	-2147483648
Firefox 2	2147483647	Element disappears	?	?
Firefox 3	2147483647	0	?	?
Firefox 29 (latest stable version)	2147483647	2147483647	-2147483648	-2147483648
Safari 3	16777271	16777271	?	?
Safari 4	2147483647	2147483647	?	?
Safari 5.1.7 (latest stable version)	2147483647	Value unchanged	-2147483648	Value unchanged	The webkit kernel is used, so it is consistent with chrome.
Chrome 29	2147483647	2147483647	-2147483648	Value unchanged
Chrome 35 (latest stable version)	2147483647	Value unchanged	-2147483648	Value unchanged	Chrome allows you to set a z-index that exceeds the maximum and minimum values, However, the maximum value and Calculate the minimum value (for example, if it is set to 2147483648, The cascade relationship is calculated as 2147483647)
Opera 9	2147483647	2147483647	?	?
Opera 21 (latest stable version)	2147483647	Value unchanged	-2147483648	Value unchanged	The webkit kernel is used, so it is consistent with chrome.

Conclusion: The value range of z-index is-2147483648 ~~ 2147483647. The size of the Int data type in C is-2147483648 ~~ 2147483647. It indicates that the z-index of CSS is calculated as INT type in C. Generally, the value of z-index cannot exceed 100000.

PS: In chrome, the maximum limit of width and height is 33554428. Do it later.


References:
Http://stackoverflow.com/questions/8565821/css-max-z-index-value
Http://www.puidokas.com/max-z-index/
Http://stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index#answer-491105
Http://www.quora.com/Cascading-Style-Sheets/Is-there-a-maximum-value-for-z-index