javascript - Semantic-ui 弹出 z-index？

Question

http://semantic-ui.com/modules/popup.html#/examples

我已经使用了上面描述的弹出窗口，效果很好。我唯一看到的是我有一个蓝色的页面标题 div(宽度 100%，高度 200px，z-index:9998)。

页面下方有一系列图像。单击图像时会触发弹出窗口。但是，由于某种原因，当单击页面顶部附近的图像时，弹出窗口会在页面标题 div 下弹出。

如何使弹出窗口出现在该标题 div 的顶部？

如果我需要设置 div 的 z-index，我应该在哪里设置它以及在哪个元素/类上设置？

Answer 1

我想你需要这个，就像文档所说:https://semantic-ui.com/modules/popup.html#/settings 将此属性设置为 false -> movePopup: false

$('#button_event_trigger').popup({
                popup: $('.custom.popup'),
                movePopup: false, //this here
                on: 'click'
            });

就我而言，我的侧边栏中有一个按钮，需要触发弹出窗口，然后弹出窗口出现在容器内并 overflow hidden ，并且 css z-index 不起作用。