浏览器 | 最大值 | 超过最大值后变成 | 最小值 | 小于最小值后变成 | 备注 |
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的取值范围为-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-valuehttp://www.puidokas.com/max-z-index/http://stackoverflow.com/questions/491052/mininum-and-maximum-value-of-z-index#answer-491105http://www.quora.com/Cascading-Style-Sheets/Is-there-a-maximum-value-for-z-index
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
403
收藏
