Allowing image in div to overflow on top of other divs

I’m working on a grid which I will be drag and dropping images on to. I’d like an image that is technically contained in one div to appear on top of multiple grid cells.

I have created an example here along with various overflow/z-index tweaks which are not working for me:

How many grids do you want it to be stacked on?

You need to give that image there a position:absolute. Z-index does not work without it (not that that was your issue.)

Position absolute seems to have done the trick. Thanks for the help. I am super rusty with my CSS, been deep in the backend for too long.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.