我有一个非常棘手的问题，使用fullpage.js，一个为您带来整页滑块的库。我希望滑块包含带标题（h1）的背景图像。此外，在背景和标题之间我想要一个透明图像作为叠加，一个不滑动（具有绝对位置）。
即使我能够通过将z-index设置为2来将标题移动到叠加层上方，但是完整的page.js添加了-webkit-transform：translate3d（0px，0px，0px）;您可以在滑动时立即将translate3d（0px，0px，0px）转换为slidercontainer，从而忽略z值并在叠加层后移动标题。
我尝试过变换风格：扁平; （就像他们在这里提出的那样：css z-index lost after webkit transform translate3d），但这对我不起作用。
原来我不是唯一有这个问题的人（https://stackoverflow.com/questions/27179052/fullpage-js-z-index-lost-after-css3-enabled）。
有没有人知道如何解决这个问题？
谢谢！
答案 0 :(得分：0)
只需添加transform：translate3d（0,0,1px）;对受影响的元素。