我在使用 fullpage.js 时遇到了一个非常棘手的问题，这是一个为您提供整页滑块的库。我希望滑块包含带有标题 (h1) 的背景图像。此外，在背景和标题之间，我想放置一个透明图像作为叠加层，一个不滑动的图像（具有绝对位置）。
尽管 II 可以通过将 z-index 设置为 2 来将标题移动到覆盖层之上，但 full page.js 添加了 -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px) 滑动到滑块容器，从而忽略 z 值并将标题移动到叠加层后面。
我试过 transform-style: flat; （就像他们在这里提出的那样：css z-index lost after webkit transform translate3d），但这对我不起作用。
原来我不是唯一一个有这个问题的人（https://stackoverflow.com/questions/27179052/fullpage-js-z-index-lost-after-css3-enabled）。
有谁知道如何解决这个问题？
谢谢！