【发布时间】:2015-03-04 20:07:07
【问题描述】:
我在 Firefox(最新)上使用 Flexbox 时遇到了一些奇怪的行为。
这似乎发生在一种非常特殊的情况下,当弹性项目的子元素内部有一个绝对定位的元素时。
我创建了一个 codepen 演示,它在 Chrome 中运行良好,但是在 Firefox 上,您会看到图像消失了。
演示是最简单的形式。所以应该很直接地知道我想要做什么(提示:chrome)
http://codepen.io/anon/pen/QwBaLJ
您会看到.Item-media 元素设置为position: relative;,其中包含img,设置为position: absolute;
有没有人在 Firefox 上遇到过这种情况并设法找到了一个不错的解决方案?
重要!这是一个响应式演示,只有移动版在Firefox中不起作用。
【问题讨论】: