关于z-index
Posted liuxinxin4288
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于z-index相关的知识，希望对你有一定的参考价值。
问题：一直好奇浮动和定位元素还有普通文档流元素的层叠顺序？
- 当没有指定z-index的时候， 所有元素都在会被渲染在默认层(0层)
- 根元素的背景和边界
- 位于普通流中的后代块元素按照它们在 html 中出现的顺序层叠
- 浮动块元素
- 常规流中的后代行内元素
- 后代中的定位元素按照它们在 HTML 中出现的顺序层叠
- 当多个元素的z-index属性相同的时候(在同一个层里面)，那么将按照上述描述的规则进行布局。
注意！z-index只对指定了 positioned属性的元素有效。包括（relative）不包括staic 设置为static的元素z-index设置的数值就算特别大也无效
以上是关于关于z-index的主要内容，如果未能解决你的问题，请参考以下文章