Javascript 在幻灯片上插入重叠Div

因此，我们在头版有一个滑块

我试图在图像上加一个div，但在文本下面。基本上，我想把一个半透明的白色覆盖过滤滑块上的图像，但随后有文字保持原样，使其弹出更多

我试着在每个角度上都使用div，看看我是否至少能看到div，然后希望能把它放在正确的位置，但似乎没有任何效果。像往常一样，堆栈溢出是我最后的选择——因为我讨厌在答案通常很简单的时候寻求帮助

我的基本问题是：

1） 基于视图源-我是否缺少div应该去的地方，您可以搜索class=“overlay”

2） 我是否可以使用更好的工具来帮助我分离div，这样我可以看到每个div的位置，然后尝试通过该路径插入

---

欢迎提出任何问题，欢迎提供任何帮助。谢谢你

我认为你需要给出你的

.overlay

类的位置，并强制它位于父元素的顶部。这应该是一个开始。让我知道我能在这里提供什么帮助

.overlay {
    background: rgba(255, 255, 255, .75);
    text-align: center;
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0px;
}

---

这是一个有点黑客，但我相信它正是你想要的。在您的