Css Fullpage.js覆盖元素的z索引
我在使用fullpage.js时遇到了一个非常棘手的问题,这是一个为您提供完整页面滑块的库。我希望滑块包含带有标题(h1)的背景图像。此外,在背景和标题之间,我想放置一个透明图像作为覆盖,一个不会滑动的图像(具有绝对位置) 尽管我可以通过将z-index设置为2将标题移到覆盖图上方,但full page.js添加了-webkit transform:translate3d(0px,0px,0px);转换:滑动后立即将3D(0px,0px,0px)转换为slidercontainer,从而忽略z值并将标题移到覆盖后面 我试过变换风格:扁平;(就像他们在这里提议的:),但这对我不起作用 事实证明我不是唯一一个有这个问题的人() 有人知道如何解决这个问题吗Css Fullpage.js覆盖元素的z索引,css,z-index,overlap,fullpage.js,translate3d,Css,Z Index,Overlap,Fullpage.js,Translate3d,我在使用fullpage.js时遇到了一个非常棘手的问题,这是一个为您提供完整页面滑块的库。我希望滑块包含带有标题(h1)的背景图像。此外,在背景和标题之间,我想放置一个透明图像作为覆盖,一个不会滑动的图像(具有绝对位置) 尽管我可以通过将z-index设置为2将标题移到覆盖图上方,但full page.js添加了-webkit transform:translate3d(0px,0px,0px);转换:滑动后立即将3D(0px,0px,0px)转换为slidercontainer,从而忽略z值
谢谢 只需添加变换:translate3d(0,0,1px);到受影响的元素。您忘记了与您的问题最相关的标记CSS!!我加上去了。