我在Firefox上遇到了一些奇怪的Flexbox行为(最新)。
似乎在一个非常特殊的情况下,当一个flex项的子元素在其中有一个绝对定位的元素时。
我已经创建了一个codepen演示,它在Chrome中运行良好,但是,在Firefox上,您会看到图像消失。
演示是最简单的形式。因此,我应该非常直接地了解我尝试做什么(提示:铬)
http://codepen.io/anon/pen/QwBaLJ
您会看到.Item-media
元素设置为position: relative;
且其中包含img
,设置为position: absolute;
有没有人在firefox上遇到这个问题,并设法找到一个不错的解决方案?
重要!这是一个响应式演示,只有移动版本无法在Firefox中运行。
答案 0 :(得分:0)
尝试为' ...' -flex css
添加前缀-moz-box-flex: $values