使用 z-index 在所有内容之上创建一个 div 不起作用？

Question

我正在使用 wordpress 插件 Basic Google Maps Placemarks 来显示地图，但我必须把它放在一个很窄的地方 (width=300px) 。现在我想破解那个插件，希望弹出窗口的溢出是可见的。首先，我正在使用 Google Chrome 的检查元素工具进行测试。但无论我如何更改该 div 的 z-index，它始终是隐藏的。

截图如下：

这是我正在开发的网站：http://starrystory.org/

我错过了什么吗？我怎么能把那个 div 放在其他所有东西之上？

附： 如果仅使用 CSS 无法完成，是否有人有 jQuery 解决方案？

Answer 1

由于父元素具有overflow: hidden 和画布的尺寸，因此内部元素不会显示在其边界之外。

您必须将弹出元素移到溢出隐藏容器之外。在这种情况下会很棘手。