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

标签 jquery css wordpress google-maps z-index

我正在使用 wordpress 插件基本 Google map 地标来显示 map ,但我必须将其放在一个非常小的位置 (width=300px) 。现在我想破解该插件,希望弹出窗口的溢出是可见的。首先,我使用 Google Chrome 的检查元素工具进行测试。但无论我如何更改该 div 的 z-index,它始终是隐藏的。

截图如下:

enter image description here

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

我是不是错过了什么?我怎样才能使该 div 位于其他所有内容之上?

附注 如果仅用 CSS 无法完成,是否有人有 jQuery 解决方案?

最佳答案

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

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

关于jquery - 使用 z-index 在所有内容之上创建一个 div 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14533664/

相关文章:

javascript - 如何在 .scroll jQuery 函数中将 'px' 替换为 '%'

jquery - 多个下拉切换

javascript - 除最近的所有

html - 文字不换行,无论如何

javascript - 当 Google 文档中的所有文件时 HTML 无法加载图像

css - Chrome 忽略列布局中的 flex-basis

javascript - oninput 不会触发复选框?

javascript - 循环时检查选择框中的值

php - 如何禁用WordPress的小部件 block 编辑器?

javascript - 捕获超过 1 个单词的字符串并将其转换为用破折号分隔的单个字符串