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

时间:2013-08-27 20:43:18

标签: 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来说明。

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

1 个答案:

答案 0 :(得分:2)

好的,只是意识到z-index仅适用于定位元素。

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

现在一切都很好。