背景附件:固定;在Firefox中不起作用

时间:2018-07-06 13:03:55

标签: css html5 twitter-bootstrap-3 shopify

这是我的网站 https://charles-keally.myshopify.com/ 整整一整天的视差图像。最后一张图片在chrome中显示了视差,但在mozilla中却没有。请有人帮我。 我正在使用处女主题。 我所做的只是添加  背景附件:固定; 在hero.liquid中 有人请帮我 谢谢

2 个答案:

答案 0 :(得分:3)

如果在.page-container类上禁用此功能:

-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

应该更好。

答案 1 :(得分:1)

Firefox中有bugs in the past进行了转换。快速搜索后,您的.page-container类上似乎包含一些转换,这些转换在禁用时似乎可以解决您的问题。

.page-container {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}