使用转换功能修复的后台附件在Firefox

时间:2016-09-22 08:17:37

标签: css firefox background transform background-attachment

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;
}

<div></div>
&#13;
&#13;
&#13;

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

3 个答案:

答案 0 :(得分:4)

  

background-attachment:fixed;在执行任何“转换”时不起作用   已应用

这是firefox中的一个错误,尚未修复。

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

答案 1 :(得分:1)

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

答案 2 :(得分:-2)

这已在this question中解决。

长话短说{ - 1}}代替position