html 上的 translate3d 不会影响 Firefox 中正文的背景位置答案

【问题标题】：translate3d on html doesn't affect background-position on body in Firefoxhtml 上的 translate3d 不会影响 Firefox 中正文的背景位置
【发布时间】：2014-04-05 06:00:44
【问题描述】：

当我这样做时：

-webkit-transform: translate3d(0, 35px, 0px) !important;
transform: translate3d(0, 35px, 0px) !important;

在 HTML 标记上。

Chrome 会向下推所有内容（包括带有位置的正文背景），但 Firefox 不会这样做。

示例：http://jsfiddle.net/6VTAn/（在 Chrome 和 Firefox 中打开以注意区别）

我是否可以将其他样式/属性应用于 HTML 标记，使其表现出与 Chrome 相同的行为。

我正在寻找一种标准方法来将页面向下推送到所有网站和浏览器。

【问题讨论】：

标签： css google-chrome firefox translate3d

【解决方案1】：

根据您使用的 Firefox 版本，您可能需要 moz 前缀：-moz-transform: translate3d(0,35px,0)

【讨论】：

同意，但这似乎也没有产生预期的行为。
你使用的是什么版本的火狐？似乎在 24.0 工作正常
我使用的是 28.0.当我说期望的行为时，我的意思是我希望看到类似于 Chrome 的行为，其中背景由于 3d 变换而被压低。