背景附件修复了转换在 Firefox 中不起作用答案

【问题标题】：background-attachment fixed with transform not working in Firefox背景附件修复了转换在 Firefox 中不起作用
【发布时间】：2017-01-30 17:15:07
【问题描述】：

CSS 值转换在 Firefox 中关闭 background-attachment: fixed。

这里是example

div {
   transform: translate3d(0,0,0); // if remove starts to work
   width: 100%;
   height: 2000px;
   background-image: url('http://www.wallpapereast.com/static/images/001_Fish-Wallpaper-HD_hkNsK33.jpg');
   background-size: cover;
   background-attachment: fixed;
}

&lt;div&gt;&lt;/div&gt;

如果你从 CSS 中移除转换，它就会开始工作。只能在 FF 中重现。

【问题讨论】：

我也有同样的问题。有人知道解决方法吗？
这是一个尚未修复的错误
不知道为什么是赏金，这是一个已知的错误bugzilla.mozilla.org/show_bug.cgi?id=1304985
根据 Firefox，这是由于w3.org/Bugs/Public/show_bug.cgi?id=17521 而故意的。我已经解释了为什么我需要一个解决方法的原因。 @TemaniAfif
@AbdulRabMemon 你不会找到一个通用的解决方法，因为它是一个错误，它取决于每个情况，我经常遇到这个错误，每次我找到一种方法来避免它并让它在 FF 上运行......所以如果你有一个特殊的案例分享它，我们会找到它的解决方案，但不要指望一个神奇的解决方法

标签： css firefox background transform background-attachment

【解决方案1】：

这个问题已经在this question解决了。

长话短说 - 使用 position 而不是 background-attachment。

【讨论】：

该问题尚未解决，该问题提供了另一个问题的解决方案。
@AbdulRabMemon 为什么要为已知错误添加赏金？

【解决方案2】：

background-attachment:fixed; 在任何“转换”时不起作用已申请

这是 Firefox 中的一个错误，尚未修复。

参考：https://bugzilla.mozilla.org/show_bug.cgi?id=1292499

【讨论】：

【解决方案3】：

这是2年前的常见问题，但据我所知，它已经解决了一段时间，现在background-attachment CSS属性现在已被所有浏览器完全支持，according to MDN。

【讨论】：

虽然 iOS Safari 和三星 Internet 尚不支持 fixed：Can I Use。