I’m using wordpress plugin Basic Google Maps Placemarks to display the map, but I have to put it in a very slim spot (width=300px) . Now I want to hack that plugin, hoping that the overflow of pop out window will be visible. To start, I’m testing with Google Chrome’s inspect element tool. But no matter how I change the z-index of that div, it’s always hidden.
Screenshot below:
This is the website I’m working on : http://starrystory.org/
Did I miss something? How could I make that div on top of everything else?
P.S.
If it can’t be done with just CSS, does anyone have jQuery solution maybe?
As the parent elements have
overflow: hiddenand the dimensions of the canvas, no inner element will show outside of their boundaries.You’d have to move the popup element outside of the overflow hidden containers. Which in this case would be tricky.