将 Revolution Slider 5+ 层设置为显示为静态层

Setting a Revolution Slider 5+ layer to appear as a static layer

我希望在所有幻灯片上的文本下方都有一个形状,以在整个过程中保持静态,而不是忽隐忽现。

我知道 Revolution Slider 有一个静态层选项,但它不允许您将它分层 在其他幻灯片的 层之下,它总是在最上面。

我尝试在每张幻灯片中创建一个具有 0 个过渡的层,但是当我将所有内容都设置为 0 时,它就消失了。

我如何: 1. 创建一个静态层,可以叠加在其他层之下 2. 在幻灯片中的图层上设置过渡以消除进出过渡,使图层看起来像静态图层?

这是一个很好的问题,因为如果您不想在文本下方使用背景图像,您可能无法在第 5 次革命中完美地做到这一点。

这应该用位于底部的层的 static/global 层来处理,但是 rev5 将始终覆盖您的 z-index(或您以这种方式尝试的任何其他内容)并且它将始终出现在上面。所以这里什么都没有。

另一件事是将这个层放在每张幻灯片上,始终在相同的位置并关闭该层上的所有动画,以便他在每张幻灯片上表现静态。但是 rev5 虽然你定义了没有动画使用动画速度参数并且那个层会再次闪烁。如果你把动画速度设置为0,图层就会消失。为什么可能滑块的创建者也不知道。

我认为你唯一能做的就是把他骗到你想要的样子,这不会是完美的,但也许可以接受。

所以在底部(静态)层上单击上面菜单中的动画并选择无动画和无输出动画。由于您不能将 0 设置为动画速度,因此我们将在动画速度中设置 100,在动画速度中设置 1000。通过这种方式,动画将足够长,以显示该层正在连续动画 - 即静态。不过即使这样图层也有轻微的闪烁,但比之前少了很多,所以效果还是可以接受的。

您可以玩淡入而不是无动画,并且使用动画速度数字,诀窍是出速度持续足够长的时间以使下一张幻灯片的入速度开始。

我希望这会有所帮助,我也希望 rev 5 的创作者能够解决这个问题。

我 运行 今天遇到了同样的问题,我不同意接受的答案,因为您可以使用 css 覆盖轻松更改静态图层的 z-index。

Revolution 滑块有一个内置的自定义 css 编辑器,因此请转到您的滑块设置,滚动到底部并添加:

.tp-static-layers {
z-index: 0;
}

完成,所有静态图层将出现在普通图层下方。

编辑

对于较新版本的 revslider,每张幻灯片 <li> 容器都有一个 z-index。尝试以下 css.

.tp-static-layers {
  z-index: 1;
}
ul.tp-revslider-mainul > li {
  z-index: unset !important;
}

注意:未经过全面测试,这可能会干扰动画。