瀏覽器 |
最大值 |
超過最大值后變成 |
最小值 |
小於最小值后變成 |
備注 |
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