Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Fullpage.js覆盖元素的z索引_Css_Z Index_Overlap_Fullpage.js_Translate3d - Fatal编程技术网

Css Fullpage.js覆盖元素的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值

我在使用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!!我加上去了。