overflow的子元素的z-index失效

html-css017

overflow的子元素的z-index失效,第1张

在CSS中没有办法让overflow: hidden元素的子元素显示它在父边框之外的内容,必须更改层次结构即使给子元素设置z-index,z-index设置极大也是没有效果的,唯一的解决办法是将要显示的完整的子元素移到设置overflow的元素的外面去。 但是这样会增加计算量,要从窗口计算偏移量。

最近开发时遇到了一个有趣的现象 z-index &transform 等连用造成了z-index不生效,因此想借此机会记录一下学习成果。

本篇文章偏概念性,请在专业人士的监督下食用。

原文: https://www.yuque.com/u548790/tech/anns1h

这是 HTML 中的一个三维概念(举个不太合适的