zoukankan      html  css  js  c++  java
  • z-index 、层叠上下文、层叠级别、z-index失效

      一、z-index

        z-index默认处于非激活状态,只有定位元素(即position:relative/absolute/fixed时)才会被激活。

        z-index与层叠上下文关联。

        当z-index相同(即层叠级别相同)的时候,遵循“后来者居上”的原则。

      二、层叠上下文

        以下两种情况,会创建层叠上下文:

          1.根元素

          2.z-index不为auto的“定位元素”

      三、层叠级别

        层叠级别由低到高为:    

        层叠上下文的边框和背景<负z-index<块盒子(普通文档流下的块盒子)<浮动盒子(非定位的浮动元素)<行内盒子(普通文档流下的行内盒子)<z-index:0<正index

      四、某些情况下,z-index会在IE中无效。(个人未遇到该种情况,所以不便举例说明)

      (该文供学习交流,欢迎大家共同探讨~)

      

      

  • 相关阅读:
    73. Set Matrix Zeroes
    289. Game of Live
    212. Word Search II
    79. Word Search
    142. Linked List Cycle II
    141. Linked List Cycle
    287. Find the Duplicate Number
    260. Single Number III
    137. Single Number II
    Oracle EBS中有关Form的触发器的执行顺序
  • 原文地址:https://www.cnblogs.com/snowcan/p/6897385.html
Copyright © 2011-2022 走看看