浏览器

最大值

超过最大值后变成

最小值

小于最小值后变成

备注

 
   IE6   
2147483647
 
2147483647
 -2147483648 -2147483648  
IE7 
2147483647
 
2147483647
 -2147483648 -2147483648  
IE8 
2147483647
 
2147483647
 -2147483648 -2147483648  
IE9 






-2147483648
-2147483648
 




IE10








-2147483648
-2147483648
 




IE11








-2147483648
-2147483648
 






Firefox 2




 2147483647


元素消失
?
?
 






Firefox 3




2147483647




 0


?
?
 




Firefox 29(最新稳定版)








-2147483648
-2147483648
 






Safari 3




 16777271




16777271


?
?
 






Safari 4




2147483647




2147483647


?
?
 




Safari 5.1.7(最新稳定版)






数值不变


-2147483648
数值不变
使用的是webkit内核，所以和chrome一致






Chrome 29




2147483647




2147483647


-2147483648
数值不变
 




Chrome  35(最新稳定版)






数值不变


-2147483648
数值不变


chrome允许设置超过最大值、最小值的z-index，


不过超出之后层叠样式会使用最大值和


最小值来计算（比如设置为2147483648时，


会以2147483647计算层叠关系）








Opera 9




2147483647




2147483647


？
？
 






Opera 21(最新稳定版)








数值不变


-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


												


											
z-index的最大值、最小值的更多相关文章
	

    
						
  1. php三目运算计算三个数最大值最小值
		
    文章地址:https://www.cnblogs.com/sandraryan/ $x = 10; $y = 45; $z = 3; //求出三个数字中最大值最小值 //先比较x y,如果x>  ...
    
		
    2. 
						
  2. C# 求链表 list 中 属性的 最大值 最小值
		
    获取链表List中对象属性最大值最小值(Max,Min)的方法: 1.创建一个类,类中有一个属性A /// <summary> /// 用于测试属性的类 /// </summary& ...
    
		
    3. 
						
  3. js求最大值最小值
		
    比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用自带的sort()函数,代码如下: <html> <head> <meta charset=&qu ...
    
		
    4. 
						
  4. Tunnel Warfare (区间合并|最大值最小值巧妙方法)
		
    Tunnel Warfare http://acm.hdu.edu.cn/showproblem.php?pid=1540 Time Limit: 4000/2000 MS (Java/Others) ...
    
		
    5. 
						
  5. java8 stream取出 最大值/最小值
		
    注:转载请注明出处!!! 这里直接用取出多个对象中某个值 最大/最小 来进行举例 直接看代码 /** * 时间测试类 */ class TimeTest { private Date time; pu ...
    
		
    6. 
						
  6. html标签内部简单加js  一维数组求最大值  最小值两个值位置和数字金字塔图形
		
     html标签内部,简单加js <a href=""></a><!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
    
		
    7. 
						
  7. C++数组或vector求最大值最小值
		
    可以用max_element()及min_element()函数,二者返回的都是迭代器或指针. 头文件:#include<algorithm> 1.求数组的最大值或最小值 1)vector ...
    
		
    8. 
						
  8. 使用Java Stream，提取集合中的某一列/按条件过滤集合/求和/最大值/最小值/平均值
		
    不得不说,使用Java Stream操作集合实在是太好用了,不过最近在观察生产环境错误日志时,发现偶尔会出现以下2个异常: java.lang.NullPointerException java.ut ...
    
		
    9. 
						
  9. 用宏 x y z，找出最大值最小值
		
    #define max(x,y,z) ((x)>(y)?(x):(y))>(z)?((x)>(y)?(x):(y)):(z) #define min(x,y,z) ((x)<( ...
    
		
    10. 
						
  10. 基于visual Studio2013解决算法导论之016查找最大值最小值
		
     题目 查找最大.最小值 解决代码及点评 #include <stdio.h> #include <stdlib.h> #include <malloc.h> ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. freemarker的非空判断
			
    ${price} 判断非空写法就是 ${(price)!}
    
			
    2. 
						
  2. Scala 编程（一）Scala 编程总览
			
    Scala 简介 Scala 属于“可伸展语言”,源于它可以随使用者的需求而改变和成长.Scala 可以应用在很大范围的编程任务上,小到脚本大到建立系统均可以. Scala 跑在标准 Java 平台上 ...
    
			
    3. 
						
  3. 《SDN核心技术剖析和实战指南》3.1控制器核心技术读书笔记
			
    在SDN的架构中,控制器可以说是SDN的核心,它负责对底层转发设备的控制以及向上层应用提供可编程性的北向接口.从实现上看,主要分三个层面来考虑,南向接口技术,北向接口技术以及东西向的可扩展性能力.下面 ...
    
			
    4. 
						
  4. fsck 修复ext3文件系统(用于linux系统时间不对，文件系统信息有错引起的die with exit status等的一些问题)
			
    有时候我们用虚拟机装了linux,可是我们做开发的人员,系统时间可能出于一些特殊要求调整过(例如保持一些特殊软件不过期,需要锁定时间等等),这样linux的系统时间久不准了,如果时间不准,会造成ext ...
    
			
    5. 
						
  5. hdu 2844
			
    本题的特殊性是价值与重量相等 将第i种物品分成若干件物品,其中每件物品有一个系数, 这件物品的费用和价值均是原来的费用和价值乘以这个系数. 使这些系数分别为1,2,4,…,2^(k-1),n[i]-2 ...
    
			
    6. 
						
  6. Ternary Search Tree  Java实现
			
    /** * @author Edwin Chen * */ //定义节点 class Node { //存储字符串 char storeChar; //是否完成单词 boolean isComplet ...
    
			
    7. 
						
  7. STL之set && multiset
			
    一.set 在了解关联容器set之前,让我们先来看看下面这个例子,并猜测该例子输出什么: // stl/set1.cpp #include <iostream> #include < ...
    
			
    8. 
						
  8. nginx 配置轮询服务
			
    通常我们应用nginx做代理时,用到它的轮训服务 #设置轮询名称 upstream zyy{ server 127.0.0.1:8080  #本机的apache服务 } server { listen ...
    
			
    9. 
						
  9. 让linux(centos)支持中文文件和文件夹
			
    一.让linux支持中文 1.将Linux的env设置了LANG=en_US.UTF-8: 2.本地的Shell客户端编码也设置成UTF-8,这样让在windows上传到linux的文件或者目录不会出 ...
    
			
    10. 
						
  10. web页面打印
			
    在使用的两种方式打印: 第一种:js如下 function doPrint() { allhtml = window.document.body.innerHTML; starstr = " ...
    
			
    11.