z-index的最大值、最小值

瀏覽器	最大值	超過最大值後變成	最小值	小於最小值後變成	備註
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	元素消失	?	?
Firefox 3	2147483647	0	?	?
Firefox 29(最新穩定版)	2147483647	2147483647	-2147483648	-2147483648
Safari 3	16777271	16777271	?	?
Safari 4	2147483647	2147483647	?	?
Safari 5.1.7(最新穩定版)	2147483647	數值不變	-2147483648	數值不變	使用的是webkit內核，因此和chrome一致
Chrome 29	2147483647	2147483647	-2147483648	數值不變
Chrome  35(最新穩定版)	2147483647	數值不變	-2147483648	數值不變	chrome容許設置超過最大值、最小值的z-index， 不過超出以後層疊樣式會使用最大值和 最小值來計算（好比設置爲2147483648時， 會以2147483647計算層疊關係）
Opera 9	2147483647	2147483647	？	？
Opera 21(最新穩定版)	2147483647	數值不變	-2147483648	數值不變	使用的是webkit內核，因此和chrome一致

測試方法很簡單：兩個元素都絕對定位，而後分別設置z-index值（經過瀏覽器自帶開發工具修改css；js操做）。

結論：z-index的取值範圍爲-2147483648 ~~ 2147483647。而C的Int型數據類型的大小也爲-2147483648 ~~ 2147483647。說明CSS的z-index在C中是做爲INT型計算的。通常z-index都不超過100000，因此基本上不用考慮大小問題。

PS:chrome中對於width和height的最大限制爲33554428，這個有時間再作吧。


參考文章：
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