嵌入邮件列表代码中的 Z-index

Question

我有一个弹出窗口 window 用于注册我们的邮件列表。我需要它来覆盖一切。当前 css 菜单位于弹出窗口的顶部。菜单在 z 索引上为 9999。我在弹出代码的什么位置（见下文）添加 z 索引信息。

这是来自 Mail Chimp 的代码：

    <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
    <script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) 
    {
         L.start({"baseUrl":"mc.us9.list-manage.com","uuid":"56eb37539d1e217bbc3a2ea22","lid":"d8e88803f2"}) 
    })
    </script>

Answer 1

你确实需要 post 你的 HTML 和 CSS 才能得到明确的答案，但你可以尝试以下方法：

确保您的弹出窗口覆盖层具有类名或 ID。例如：

<div id-"mailing-list-overlay">
    mailing list form goes here...
</div>

现在尝试在您的标记中的某处添加此 CSS 规则：

<style>
    #mailing-list-overlay {
        z-index: 10000 !important;
    }
</style>

如果可行，那就太好了！现在尝试删除 '!important' 并查看是否有效。（确保在重新加载时清除浏览器缓存。）如果可行，请尝试将 css 规则移动到正确的样式表。

如果其中 none 有效，则可能是您遇到了其他问题 - 例如，叠加层可能与您要叠加的内容不在同一层堆栈中。但是，如果无法看到 HTML 和 CSS 的更完整图片，就不可能排除故障。如果你 post 你的代码在 pastebin 或 jsfiddle 上，我可以帮助你。

嵌入邮件列表代码中的 Z-index

Z-index in Embeded Mailing List Code

css

z-index

drop-down-menu