目标:创建在Firefox中有效的转换元素中的固定背景位置。
我已经尝试了这个页面上的所有解决方案(和其他一些),但都没有成功: Fixed attachment background image flicker/disappear in chrome when coupled with a css transform 我尝试使用静态位置、背面可见性设置、z-index设置和其他背景附着内容等方法。 演示: https://jsfiddle.net/96u9xqbn/6/
我已经尝试了这个页面上的所有解决方案(和其他一些),但都没有成功: Fixed attachment background image flicker/disappear in chrome when coupled with a css transform 我尝试使用静态位置、背面可见性设置、z-index设置和其他背景附着内容等方法。 演示: https://jsfiddle.net/96u9xqbn/6/
.fixed1 {
transform: translateZ(0);
}
如果你移除上述的变换,那么它可以正常工作。但是,如果你正在使用像Skrollr这样的工具,或者有其他需要使用变换的情况下,该背景在火狐浏览器中无法正确地固定。