problèmes avec fenêtre modale/fond

Question

Je suis en train de faire une fenêtre modale pour mon site web, j'ai un problème avec overlay ou div modal je ne suis pas sûr quel est le problème.

La chose est tout sauf la fenêtre modale ne devrait pas être cliquable, mais pour une raison quelconque mes balises de navigation <ul><li> sont visibles et cliquables. Voici ma fenêtre css modale:

element.style { 
display:block; 
left:50%; 
margin-left:-210px; //generated with javascript 
margin-top:-85px; //generated with javascript 
position:fixed; 
top:50%; 
width:450px; 
z-index:100; 
} 

Voici le css de ma superposition de fond:

element.style { 
height:1436px; //generated with javascript 
left:0; 
opacity:.75; 
position:absolute; 
top:0; 
width:100%; 
z-index:105; 
} 

Qu'est-ce que je fais mal? merci

Answer 1

Vérifiez la propriété z-index de vos li balises (ou le sous-jacent ul) et soit le mettre en dessous de 100, ou définir le z-index de votre fenêtre modale et la superposition de sorte qu'il est plus élevé que celui des li s.

Answer 2

Il semble que vous ayez les valeurs de votre index z vers l'arrière. Plus le nombre est élevé, plus il est proche. Votre arrière-plan est défini à 105, mais les éléments sur le dessus sont définis sur 100.