创建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
类的定义中评论/取消注释定位。
答案 0 :(得分:2)
好的,只是意识到z-index仅适用于定位元素。
在显示的情况下,我需要设置div .overlay容器的高度(只需将高度:100%放在.bodybox中)
现在一切都很好。