Z-stacking CSS 3 Flex盒:如何覆盖Flexbox项目的DIV?

Tay*_*aye 10 css flexbox

在创建flexbox布局时没有设法堆叠div.它们要么在容器div中相互推送,要么我必须"position:absolute"在覆盖层上使用它从容器上下文中获取div.

z-indices似乎根本不起作用.

我正在使用chrome最新版本,并期待这种行为:http://dev.w3.org/csswg/css-flexbox/#painting

这是一个带有基本flexbox布局的plunker:http://plnkr.co/edit/o2BAwvg3XV4YjwAwwmYR?p =preview 来说明.

您必须.overlay在css 中的类定义中注释/取消注释定位.

Tay*_*aye 2

好吧,刚刚意识到 z-index 只适用于定位元素。

在所呈现的情况下,我需要设置 div .overlay 的容器的高度(只需将 height:100% 放入 .bodybox 中)

现在一切都很好。

  • 如果您要将自己的答案标记为正确,请添加一个显示解决方案的插件:) (5认同)