首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将旋转滑块5+层设置为静态层

将旋转滑块5+层设置为静态层
EN

Stack Overflow用户
提问于 2015-11-16 20:29:04
回答 2查看 6.5K关注 0票数 1

我希望在我的文字下面的形状在所有幻灯片上保持静态,而不是闪烁进出。

我知道革命滑雪板有一个静态层的选项,但它不允许你在其他幻灯片的层下放置层,它总是在顶部。

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

如何做到这一点: 1.创建一个可以在其他层下分层的静态层2.在幻灯片中设置我的层上的转换,以消除进出转换,从而使该层看起来是一个静态层?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-11-17 22:13:26

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

对于底层的层,应该使用静态/全局层来处理,但是rev5将始终覆盖您的z索引(或您尝试的其他任何方法),并且它总是出现在顶部。所以这里什么都没有。

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

我认为你唯一能做的就是欺骗他,让他看起来像你想要的那样,这将不是完美的,但也许可以接受。

因此,在底部(静态)层上,单击上面菜单中的动画,然后选择“不动画”和“不出动画”。因为你不能把0到动画速度,我们会把速度100在动画和1000的外动画。这样,动画就会长到足以显示图层是连续的,也就是说是静态的。但即使这样,图层也会稍微闪烁,但要比以前少得多,所以这种效果也许是可以接受的。

你可以玩淡入,而不是没有动画,和动画速度的数字,诀窍是,出速度足够长的时间内的速度下一个幻灯片开始。

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

票数 0
EN

Stack Overflow用户

发布于 2017-02-24 13:37:33

我今天遇到了同样的问题,我不同意接受的答案,因为您可以很容易地用css覆盖来更改静态层的z索引。

革命滑块有一个内置的自定义css编辑器,所以转到slider设置,滚动到底部并添加:

代码语言:javascript
复制
.tp-static-layers {
z-index: 0;
}

完成后,所有静态层将出现在正常层之下。

编辑

对于较新版本的旋转滑块,每个幻灯片<li>容器都有一个z索引。尝试下面的css。

代码语言:javascript
复制
.tp-static-layers {
  z-index: 1;
}
ul.tp-revslider-mainul > li {
  z-index: unset !important;
}

注意:没有完全测试,这可能会干扰动画。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33744031

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档