Z-index в Embeded Mailing List Code

Question

У меня есть всплывающее окно для регистрации в нашем списке рассылки. Мне нужно, чтобы он накладывал все. В настоящее время меню css находится поверх всплывающего окна. Меню - 9999 по индексу z. Где в всплывающем коде (см. Ниже) я добавляю информацию индекса z.

Это код из почтового 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, чтобы получить окончательный ответ на это, но вы можете попробовать следующее:

Убедитесь, что ваш popup overlay имеет имя класса или идентификатор. Например:

<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.