浏览器

最大值

超过最大值后变成

最小值

小于最小值后变成

备注

 
  1.    IE6   
  1. 2147483647
 
  1. 2147483647
 -2147483648 -2147483648  
IE7 
  1. 2147483647
 
  1. 2147483647
 -2147483648 -2147483648  
IE8 
  1. 2147483647
 
  1. 2147483647
 -2147483648 -2147483648  
IE9 
  1.  
 
  1.  
 -2147483648 -2147483648  
IE10 
  1.  
 
  1.  
 -2147483648 -2147483648  
IE11 
  1.  
 
  1.  
 -2147483648 -2147483648   
  1. Firefox 2
 
  1.  2147483647
 元素消失 ? ?   
  1. Firefox 3
 
  1. 2147483647
 
  1.  0
 ? ?  
Firefox 29(最新稳定版) 
  1.  
 
  1.  
 -2147483648 -2147483648   
  1. Safari 3
 
  1.  16777271
 
  1. 16777271
 ? ?   
  1. Safari 4
 
  1. 2147483647
 
  1. 2147483647
 ? ?  
Safari 5.1.7(最新稳定版) 
  1.  
 
  1. 数值不变
 -2147483648 数值不变 使用的是webkit内核，所以和chrome一致 
  1. Chrome 29
 
  1. 2147483647
 
  1. 2147483647
 -2147483648 数值不变  
Chrome  35(最新稳定版) 
  1.  
 
  1. 数值不变
 -2147483648 数值不变

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

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

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

会以2147483647计算层叠关系）

 
  1. Opera 9
 
  1. 2147483647
 
  1. 2147483647
 ？ ？   
  1. Opera 21(最新稳定版)
 
  1.  
 
  1. 数值不变
 -2147483648 数值不变 使用的是webkit内核，所以和chrome一致 
  1. 测试方法很简单：两个元素都绝对定位，然后分别设置z-index值（通过浏览器自带开发工具修改css；js操作）。
  2.  
  3. 结论：z-index的取值范围为-2147483648 ~~ 2147483647。而C的Int型数据类型的大小也为-2147483648 ~~ 2147483647。说明CSS的z-index在C中是作为INT型计算的。一般z-index都不超过100000，所以基本上不用考虑大小问题。
  4.  
  5. PS:chrome中对于width和height的最大限制为33554428，这个有时间再做吧。
  6.  
  7. 参考文章：
    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
  8.  

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

  1. php三目运算计算三个数最大值最小值

    文章地址:https://www.cnblogs.com/sandraryan/ $x = 10; $y = 45; $z = 3; //求出三个数字中最大值最小值 //先比较x y,如果x> ...

  2. C# 求链表 list 中 属性的 最大值 最小值

    获取链表List中对象属性最大值最小值(Max,Min)的方法: 1.创建一个类,类中有一个属性A /// <summary> /// 用于测试属性的类 /// </summary& ...

  3. js求最大值最小值

    比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用自带的sort()函数,代码如下: <html> <head> <meta charset=&qu ...

  4. Tunnel Warfare (区间合并|最大值最小值巧妙方法)

    Tunnel Warfare http://acm.hdu.edu.cn/showproblem.php?pid=1540 Time Limit: 4000/2000 MS (Java/Others) ...

  5. java8 stream取出 最大值/最小值

    注:转载请注明出处!!! 这里直接用取出多个对象中某个值 最大/最小 来进行举例 直接看代码 /** * 时间测试类 */ class TimeTest { private Date time; pu ...

  6. html标签内部简单加js 一维数组求最大值 最小值两个值位置和数字金字塔图形

     html标签内部,简单加js <a href=""></a><!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

  7. C++数组或vector求最大值最小值

    可以用max_element()及min_element()函数,二者返回的都是迭代器或指针. 头文件:#include<algorithm> 1.求数组的最大值或最小值 1)vector ...

  8. 使用Java Stream，提取集合中的某一列/按条件过滤集合/求和/最大值/最小值/平均值

    不得不说,使用Java Stream操作集合实在是太好用了,不过最近在观察生产环境错误日志时,发现偶尔会出现以下2个异常: java.lang.NullPointerException java.ut ...

  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. 基于visual Studio2013解决算法导论之016查找最大值最小值

     题目 查找最大.最小值 解决代码及点评 #include <stdio.h> #include <stdlib.h> #include <malloc.h> ...

随机推荐

  1. 一个强大的LogParser的UI工具--logparserlizard简介(开源IIS日志分析工具)

    原文地址:http://blog.csdn.net/downmoon/article/details/4509513 日志分析,特别是IIS日志,一般人都会想到LogParser工具,的确很强.但是命 ...

  2. [Data Structure] 二叉搜索树(Binary Search Tree) - 笔记

    1. 二叉搜索树,可以用作字典,或者优先队列. 2. 根节点 root 是树结构里面唯一一个其父节点为空的节点. 3. 二叉树搜索树的属性: 假设 x 是二叉搜索树的一个节点.如果 y 是 x 左子树 ...

  3. Spreadsheet Calculator 电子表格计算器 (Uva 215)

    原题:https://uva.onlinejudge.org/external/2/215.pdf 有一个M x N的表格,每个单元格是个数字或者表达式.表达式由单元格编号和+ - 号组成 输出单元格 ...

  4. 您好，想问一下目前哪些营业厅可以办理NFC-SIM卡的更换业务？_百度知道

    您好,想问一下目前哪些营业厅可以办理NFC-SIM卡的更换业务?_百度知道     您好,想问一下目前哪些营业厅可以办理NFC-SIM卡的更换业务?    2013-06-14 10:39 maxre ...

  5. B - I Hate It - hdu 1754

    Description 很多学校流行一种比较的习惯.老师们很喜欢询问,从某某到某某当中,分数最高的是多少. 这让很多学生很反感. 不管你喜不喜欢,现在需要你做的是,就是按照老师的要求,写一个程序,模拟 ...

  6. springmvc对jsonp的支持

    在与前端开发人员合作过程中,经常遇到跨域名访问的问题,通常我们是通过jsonp调用方式来解决.jsop百科:http://baike.baidu.com/link?url=JKlwoETqx2uuKe ...

  7. web前端面试试题总结---javascript篇

    JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...

  8. android学习之4种点击事件的响应方式

    如题,下面就一一列出对点击事件响应的4种方式: 第一种:内部类的形式: package com.example.dail; import android.net.Uri; import android ...

  9. 【甘道夫】怎样在cdh5.2上执行mahout的itemcf on hadoop

    环境: hadoop-2.5.0-cdh5.2.0 mahout-0.9-cdh5.2.0 步骤: 基本思路是,将mahout下的全部jar包都引入hadoop的classpath就可以,所以改动了$ ...

  10. [CSS3] CSS Media Queries

    Using CSS media queries allows you to design responsive layout in your web apps and website. We will ...