Difficulté Z-index

[BaguetteAgile]

Bonjour @lexoyo ,

je souhaite utilisé une fenêtre Pop-up avec ce code, mais impossible quelle s'affiche devant tout mes autres éléments de la page, la fenêtre reste visible mais toujours derrière les éléments... J'ai bien essayer avec une fonction "z-index" pour la faire passer devant, mais pas de résultat positif...

Voici le code que j'ai placer dans une html box:

`

<p id="promptCompat">Votre navigateur ne pend pas en charge les balises <code><dialog></code></p> 
<dialog id="mydialog" open> 
    <b><font color="red"> Notre prochain CONCERT !! du 18 Dècembre 2021 !! Venez nombreux</b></font><br/> 
            <img src="https://www.calicebluesrock.be/Calice-18-12-21.png" width="480" height="780" alt="Affiche prochain concert">
    <div class="boutons"><button onclick="$dialog.close()">Fermer</button>&nbsp;
</dialog> 
    <script> 
            var $dialog = document.getElementById('mydialog'); 
            if(!('show' in $dialog)){ 
                    document.getElementById('promptCompat').className = 'no_dialog'; 
            } 
            $dialog.addEventListener('close', function() { 
                    console.log('Fermeture. ', this.returnValue); 
            }); 
    </script> 

Merci `

[lexoyo]

Hello baguette Tu peux me mettre une version en ligne stp?

[BaguetteAgile]

https://admiring-northcutt-ebadd1.netlify.app/

[BaguetteAgile]

Résolu, je ferme l'issue.

[lexoyo]

Ah désolé je suis plus ou moins en vacance J'espere que ca a fonctionné C'est intéressant les popups en plus, ca manque niveau widget

[BaguetteAgile]

@lexoyo Salut, en faite, tu peux quand même suivre le lien ci-dessus pour regarder au code, car j'ai résolu en parti le problème, mais je viens de remarquer que même en mettant la boite html du popup dans une autre section, le problème de Z-index est toujours présent. Rien ne presse, mais ce serai bien d'avoir ce widget pour Silex.

A+