Index Z dans la liste de diffusion intégrée

Question

J'ai une fenêtre contextuelle pour m'inscrire à notre liste de diffusion. J'en ai besoin pour tout superposer. Actuellement, le menu css se trouve au-dessus de la fenêtre contextuelle. Le menu est 9999 sur l'index z. Où dans le code pop-up (voir ci-dessous) dois-je ajouter des informations d'index z.

Voici le code à partir de 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

Vous avez vraiment besoin de publier votre HTML et CSS pour obtenir une réponse définitive à ce sujet, mais vous pouvez essayer ce qui suit:

Assurez-vous que votre La superposition contextuelle a un nom de classe ou un ID. Par exemple:

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

Maintenant, essayez d'ajouter cette règle CSS quelque part dans votre balisage:

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

Si cela fonctionne, super! Maintenant, essayez de supprimer le "! Important" et voir si cela fonctionne. (Assurez-vous que le cache de votre navigateur est désactivé lorsque vous rechargez.) Si cela fonctionne, essayez de déplacer la règle css dans la feuille de style appropriée.

Si aucune de ces choses fonctionnent, il est possible que vous avez un autre problème - par exemple, la superposition peut-être pas dans le même empilement de couches que le contenu que vous souhaitez superposer. Mais cela serait impossible à résoudre sans pouvoir voir une image plus complète du HTML et du CSS. Je peux vous aider si vous postez votre code sur pastebin ou jsfiddle.