【问题标题】:background-attachment: fixed not working in firefox背景附件:修复了在 Firefox 中不工作的问题
【发布时间】:2017-10-21 02:46:58
【问题描述】:

我有以下网站: https://dasproject.netlify.com/lisa/ 编辑:没有问题了

在 Chrome 中打开时,封面图像应该是固定的,但在 Firefox 中打开时,背景附件:固定不起作用

到目前为止我所知道的: 该图像位于滑块内,该滑块使用transform: translate3d()。这就是破坏背景附件的原因,但我不知道如何修复它(一个明显的方法是移除滑块,但我的目标是更简单的东西)

任何想法为什么? 我已经尝试了很多…… 提前致谢

【问题讨论】:

  • 你添加css前缀了吗?
  • 我应该使用哪些前缀?如果我将图像放在 silider 之外,我会工作,所以我想这不是问题
  • 我已经通过删除transform: translate3d()暂时解决了这个问题,但我仍然不知道答案

标签: html css firefox slick.js background-attachment


【解决方案1】:

当我在 Firefox 开发者工具中关闭transform: translate3d(0px, 0px, 0px) 的第一刻,我的background-attachment: fixed 立即恢复正常。

它是 Windows 7 上的 Firefox 57(Quantum,64 位)。

没有其他信息或想法为什么会发生这种情况。除此之外,没有任何可持续理论必须是错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-30
    • 1970-01-01
    • 2023-03-15
    • 2018-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-13
    相关资源
    最近更新 更多