I'm working on designing a slideout slideshow with three images and content that looks like papers hidden in folders, complete with a handle at the top or bottom of each folder displaying its name. Here's an example of what I'm envisioning:
If you want to see a demonstration, check out this sample fiddle: http://jsfiddle.net/s99mtvv5/
However, I've run into an issue where the absolutely positioned bookmarks become invisible when they extend beyond the boundaries of their parent divs. I've attempted changing z-index values as recommended in this post, but it hasn't solved the problem.
I've also experimented with negative margins and ensured that overflow is not set to hidden in the vertical direction. If anyone has any suggestions on how to make this work, I would greatly appreciate it!
Edit: To provide more clarity on my goal in case the image isn't clear.
Essentially, I'm aiming to create a setup where the slide handles function as real handles on drawers. Even when the slides are opened or pushed horizontally out of view (when hovering over another slide), the handles should remain visible so that users can easily pull the drawers back by grabbing onto them. This means the handles protrude outside their containers rather than being contained within them.