zoukankan      html  css  js  c++  java
  • 关于zindex的最大值和最小值

      不像其他的博客一样,本篇没有太多的篇幅,只有寥寥几句,那就是———关于z-index的最大值问题

      在刚接触到定位的时候,肯定会接触到z-index这个代码,干什么用的呢?定位可以将我们要控制的元素放到页面上的任意位置,而且有的定位还不会影响到其他元素,完全脱离文档流,虽然加载顺序没有改变,但是他的位置却可以提升到最前面,就好比某宝等大品牌的小提示,会一直固定到浏览器的右下角,但是明明这个元素在右下角,但是它下面依然会存在其他元素,这就是一个很常见的使用方式。但是呢,也是因为定位的这个优点,很多初学者就会抛弃像是float浮动改变元素位置、margin外边距改变元素位置的方式,毕竟这两种方法都会或多或少影响到其他元素,但是用多了定位之后,很多初学者就会很崩溃的发现,很多元素被重叠到一起了,甚至说一些宽高值比较大的元素已经完全覆盖掉小的元素,让小元素身上绑定的一些单击、双击等事件失效——当然,你点击不到这个小元素,怎么会生效呢,哈哈!

      然后呢,然后就会接触到今天要提到的知识——z-index,这个代码就可以解决掉这个问题。但是接触的多了,难免会思考一些问题,比如说——我在使用时,好像任意值都会生效,那它的取值是多少呢?

      对于z-index来说,理论上是没有最大值、最小值的,可以使用任何值,正数、负数、0都是可以的,但是呢,经过测试,最后发现这个代码还是有最大值和最小值的。首先,关于最小值,虽然我们在使用负数时也会生效,会让这个元素跑到另一个元素的下面(两个元素都有定位,后面的例子也是),但是对于一些浏览器来说,当值是负数时,就不会生效。其次就是最大值问题,这个最大值就比较有趣了,它的最大值是 2147483647,这个值是32位操作系统的int最大值(像我这种小菜鸡,也是百度才知道的),当然,有的小伙伴会发现超过这个数值,也会生效,那是因为当你使用的值超过这个数值时,浏览器将使用值 2147483647,是不是很惊喜。

      

  • 相关阅读:
    View相关知识学习总结
    关于Android四大组件的学习总结
    Android开发框架--AndroidAnnotations(一)
    USACO 3.4
    hdu 2723
    hdu 2721
    hdu 2719
    hdu 1527
    hdu 1260
    hdu 2603
  • 原文地址:https://www.cnblogs.com/cxyz/p/15689982.html
Copyright © 2011-2022 走看看