为什么这不适用于Firefox?

时间:2013-07-14 18:30:26

标签: html css cross-browser browser-support

所以,这是基于WordPress。这是关于safari和firefox的博客,有什么问题,可能是css,因为firefox没有正确显示页面?

在safari上

(鼠标悬停在第一篇帖子上) enter image description here

on firefox enter image description here

html (with php) - pastebin link

html (generated) - pastebin link

css - pastebin link

firefox上的第一个灰色元素是 http://cl.ly/image/321l1c1u2z2C


添加了一个jsfiddle: DEMO

1 个答案:

答案 0 :(得分:1)

“display:moz-box;”应用于.post-holder会阻止图像显示。看看为什么现在。

我根本没有对弹性框布局进行过多的讨论,所以这主要是假设。你有一个“显示:mox-box;”设置.post-holder,但.post-image忽略设置任何flexbox属性。添加“-moz-box-flex:1;” .post-image会导致图像显示,但可能不是您拍摄的尺寸。