为什么我绝对定位的div看不见？

Question

我正在尝试创建一个包含三个图像和内容混合的幻灯片幻灯片，就好像它们是存放在某些文件夹中的文件一样，并且每个文件夹的底部/顶部都有一个小句柄。这些方面的东西：

以下是一个示例小提琴：http://jsfiddle.net/s99mtvv5/

但是，绝对定位的书签在父div之外的部分中变得不可见。我已尝试按this post中的建议更改z索引。但这没有用。

我也尝试过负边距，overflow在y方向上不是hidden。有人可以帮助我做到这一点吗？

编辑：如果图像不清晰，我会尝试实现一些更具描述性的文字。

我想要创造的是：想象一下，滑动手柄是抽屉的实际手柄。因此，即使处于打开或折叠状态（当我将其水平移出视图时，当用户在另一张幻灯片上盘旋时），手柄始终可见，因此如果我愿意，我可以将抽屉拉回来。因此，他们不是在他们的容器中，而是在它外面突出。

Answer 1

.slide-handle {
    bottom: 25px;
}
.slide-frame {
    overflow: hidden;
}

http://jsfiddle.net/s99mtvv5/4/

这是你正在寻找的吗？