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

标签 html css cross-browser browser-support

<分区>


关闭 9 年前

  • 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a minimal example在问题本身。
  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

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

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

在火狐上 enter image description here

html (with php) - 粘贴链接

html (generated) - 粘贴链接

css - 粘贴链接

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


添加了一个 jsfiddle: DEMO

最佳答案

“显示:moz-box;”应用于 .post-holder 会阻止图像显示。现在正在研究原因。

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

关于html - 为什么这不适用于 Firefox?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17642378/

上一篇:css - 如何使用 CSS 创建这些按钮?

下一篇:Javascript 不能始终在 android webview 上工作。有时它起作用,大多数时候它不起作用

相关文章:

asp.net - 按钮已禁用但看起来处于事件状态

html - 在嵌套 div 中定义绝对边距

html - 网页设计 html/css 的对齐问题。包括 fiddle 。

jquery - 使用 materializecss 单击更改图标

html - CSS加载延迟页面显示

css - PrimeFaces selectOneMenu 样式改变

css - float 元素在 IE7 中脱离容器,有时在 WebKit 浏览器中也是如此

css - 跨浏览器测试

php - 按相同字段分组并显示为 1 个部门

jquery - 如何在顶部或代替内容 div 显示加载图像/div?