Firefox的CSS Flexbox错误

时间:2015-03-04 12:02:34

标签: css firefox flexbox

我在Firefox上遇到了一些奇怪的Flexbox行为(最新)。

似乎在一个非常特殊的情况下,当一个flex项的子元素在其中有一个绝对定位的元素时。

我已经创建了一个codepen演示,它在Chrome中运行良好,但是,在Firefox上,您会看到图像消失。

演示是最简单的形式。因此,我应该非常直接地了解我尝试做什么(提示:铬)

http://codepen.io/anon/pen/QwBaLJ

您会看到.Item-media元素设置为position: relative;且其中包含img,设置为position: absolute;

有没有人在firefox上遇到这个问题,并设法找到一个不错的解决方案?

重要!这是一个响应式演示,只有移动版本无法在Firefox中运行。

1 个答案:

答案 0 :(得分:0)

尝试为' ...' -flex css

添加前缀
-moz-box-flex: $values

https://css-tricks.com/snippets/css/a-guide-to-flexbox/