固定元素不遵守在Mozilla中隐藏溢出的父级

Question

我有多个带有背景图片的横幅，我想要使用背景附件修复。 由于Chrome中的背景附加固定滞后，我将背景放在固定的div中以绕过它。

它适用于Safari和Chrome，但不适用于Mozilla，我无法弄清楚原因。

关于如何解决这个问题的任何选择或线索？

实施例： http://codepen.io/anon/pen/NGXZYo

.block .banner {
    position: relative;
    overflow: hidden;
    padding: 140px;
    z-index: -1;
}

.parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;

    z-index: -1;

    -webkit-transform: translateZ(0);

    pointer-events: none;
}

Answer 1

更改

-webkit-transform: translateZ(0);

到

-webkit-transform: translateZ(0);
transform: translateZ(0);