html - 为什么这不适用于 Firefox？

Question

所以，这是基于WordPress. 这是关于 safari 和 firefox 的博客，可能是 css 出了什么问题，因为 firefox 无法正确显示页面？

在 Safari 上（鼠标悬停在第一篇文章上）

在火狐上

html (with php) - pastebin 链接

html（生成） - 粘贴链接

css - pastebin 链接

Firefox 上的第一个灰色元素是这个

---

添加了一个jsfiddle：DEMO

Answer 1

“显示：moz-box；” 应用于 .post-holder 会阻止图像显示。现在调查为什么。

我根本没有弄乱 flex-box 布局，所以这主要是假设。你有一个“display:mox-box;” 在 .post-holder 上设置，但 .post-image 忽略设置任何 flexbox 属性。添加“-moz-box-flex：1；” to .post-image 会导致图像显示，但可能不是您要拍摄的尺寸。