Question

我有一个弹出窗口，可以注册我们的邮件列表。我需要它覆盖一切。目前，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

您确实需要发布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规则移动到正确的样式表。

如果这些都不起作用，则可能会出现其他问题 - 例如，叠加层可能与要叠加的内容位于同一层叠层中。但是，如果不能看到更完整的HTML和CSS图片，就无法进行故障排除。如果您在pastebin或jsfiddle上发布代码，我可以帮助您。

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

1 个答案: