在创建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 中的类定义中注释/取消注释定位.
好吧,刚刚意识到 z-index 只适用于定位元素。
在所呈现的情况下,我需要设置 div .overlay 的容器的高度(只需将 height:100% 放入 .bodybox 中)
现在一切都很好。