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'
            });

在我的情况下，我在侧边栏中有一个按钮，该按钮需要触发弹出窗口，然后弹出窗口显示在容器中，并且隐藏了溢出，而CSS z-index无法正常工作。

Answer 2

在semantic-UI.css中搜索1190。覆盖该值。