Html 如何在滑块内获得图像以覆盖正在进行的div？

我无法让滑块右侧的图像覆盖下面的div。我使用了各种不同的位置和z索引变量，但无法使其工作

我用于滑块图像的内容：

.overlay-img{
position:absolute;
right:0;
z-index:9999;
top:-300px;}

我在下面的div中使用的内容：

---

。谢谢你的帮助。我遗漏了什么？

swipper最外层的包装有

溢出：隐藏
，这会阻止子内容在其边界之外可见

.swiper-container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

您可以考虑将ID添加到特定容器，并使其为代码>溢出：可见< /代码>：
#newID{
    overflow: visible;
}

当您这样做时，幻灯片开始显示在页面的右侧，并显示一个水平滚动条。要解决此问题，请将
溢出：隐藏
添加到
.mainContent
：

.mainContent{
    overflow: hidden;
}

不要将
z-index:9999
设置为图像，它不是必需的。
请确保在问题的注释中包含任何相关代码，如中所述。使用图像和代码更新。谢谢。
div.lower-stack
在哪里？我在你的现场网站上找不到。老实说，我还没有完全了解你想要实现的目标。我看不到您试图显示的尚未显示的内容。@AvAvt div.lower-stack显示“SunCoast Diesel”（见图）滑块下方的黑色div。这起作用了。我不得不更改.swiper容器，使其具有更高的索引，它成功了。非常感谢。
.mainContent{
    overflow: hidden;
}