Javascript Skrollr：淡入淡出的图像跳转到z索引的顶部

我有一些图像滚动正常与一些叠加div的创建一个遮罩效果。 它的作品很好，但我想淡入滚动图像。当我添加不透明度动画时，淡入淡出的图像会跳到z索引堆栈的顶部，直到达到不透明度：1&然后跳回到正常的z索引。 这是你的电话号码

遮盖图像的3个三角形属于固定定位导航柱，位于#skrollr机身外部（推荐）

&它们位于滚动图像所在的右栏上方

<div class="page_photo" data-400="opacity: 0;" data-700="opacity: 1;">
<img src="photos/fight1.jpg">
<img src="photos/neutron4.jpg">
<img src="photos/indi.jpg">
<img src="photos/taxi.jpg">
<img src="photos/planet1.jpg">
</div>

我将图像的z-index设置为-1，将mask div设置为500，但这不是解决方案。不知道如何进行-有什么建议吗

---

要澄清：请访问链接站点，向下滚动。你会看到一个男人打架的大画面。当图像滚动时，将出现3个白色三角形。它们应该始终位于顶部&而不是动画不透明效果的后面。

好的，我想我明白了。问题是三角形的容器没有应用z索引

尝试将col1 div的样式更改为：

.col1 {
float: left;
width: 20%;
min-width: 12em;
padding-top: 1em;
position: relative;
z-index: 9999;
}

---

让我知道这是否奏效。

这似乎没有效果。我将左上角的三角形编辑为position:relative&使其呈鲜红色，这样我们就可以清楚地看到发生了什么。淡出的滚动图像经过红色三角形&淡出完成后，红色三角形跳到前面。我想我知道了，把我的答案贴在下面。很好。这并不能完全解决问题，但已经基本解决了。z索引可以使这些三角形保持在前面，但这些三角形似乎也继承了淡入淡出效果，因为它们位于淡入淡出的顶部。非常感谢。我认为这里可能有两个问题&您已经解决了其中一个问题。：-）很高兴解决了其中一个问题。你不想让三角形褪色吗？如果您不这样做，您只需要像这样更改数据属性，以使其保持不透明。完美！事实上，这完全是我的错。tri6数据动画不应该在那里。我想我添加了它作为故障排除的一部分-哎呀所以，你的第一个答案是绝对正确的-谢谢！

.col1 {
float: left;
width: 20%;
min-width: 12em;
padding-top: 1em;
position: relative;
z-index: 9999;
}