2017年10月15日的文章

再谈层叠上下文(stacking context)

最开始由于对z-index和层叠上下文不理解,导致在项目中使用某些属性时出现了问题。现在来总结一下z-index和层叠上下文的一些东西 层叠上下文 层叠上下文是一个三维概念。想象一下HTML元素是在屏幕上一层一层铺起来的,最上面的一层会被优先看到,下面的层会被上面的挡住 生成层叠上下文的条件: 根元素 position: relative 或者absolute,并且z-index不为auto position: