关于z-index

标签：数值   org   index   dex   文档流   文档   出现   https   包括   

     问题：一直好奇浮动和定位元素还有普通文档流元素的层叠顺序？

• 当没有指定z-index的时候， 所有元素都在会被渲染在默认层(0层)
  • 根元素的背景和边界
  • 位于普通流中的后代块元素按照它们在 HTML 中出现的顺序层叠
  • 浮动块元素
  • 常规流中的后代行内元素
  • 后代中的定位元素按照它们在 HTML 中出现的顺序层叠
• 当多个元素的z-index属性相同的时候(在同一个层里面)，那么将按照上述描述的规则进行布局。 

   注意！z-index只对指定了 positioned属性的元素有效。包括（relative）不包括staic 设置为static的元素z-index设置的数值就算特别大也无效

关于z-index

标签：数值   org   index   dex   文档流   文档   出现   https   包括   

原文地址：https://www.cnblogs.com/liuxinxin4288/p/11153077.html