Discussion :

[sallemel]

Bonjour,
j'ai un popup que je mets en avant et le cache en fonction du contexte
la partie derriere le popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
#masque {
	position : absolute;
	height : auto;
	bottom : 0;
	top : 0;
	left : 0;
	right : 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	z-index : 99;
	background-color : #000000;
	opacity : 0.8;
    	filter : alpha(opacity=40); 
	visibility : block;
	width : 100%;
	height : 100%;
}

le popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#popup {
	position : absolute;
	z-index:100; 
	width:600px;
	height:300px;
	top : 100px;
	text-align:center;
	left:100px;
	background-color : #ffffff;
	border: 1px solid black;
	visibility : block;
	padding: 5px 5px 5px 5px;
}

le code javascript pour afficher le popup ou le cacher :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
if (test)
	document.getElementById("masque").style.display="block";
		document.getElementById("popup").style.display="block";	
	} else {
 
		document.getElementById("masque").style.display ="none";
		document.getElementById("popup").style.display="none";
	}

Sauriez vous ce qu'il faudrait mettre pour bien l'afficher sous IE6

(ça marche bien sous firefox et IE8)

Merci

[Invité]

Bonjour,
sauf erreur, IE6 ne comprend pas z-index:...

Mais bon. Il serait temps que les entreprises mettent à jour leur version d'IE...
Ça fait bien longtemps qu'on ne grave plus sur des tablettes de pierre...

[Bovino]

Euh... si IE6 reconnait z-index

Ceci dit, la différence d'affichage vient peut-être de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
opacity : 0.8;
filter : alpha(opacity=40);

Il me semble que 0.8 et 40, ça correspond pas exactement aux mêmes valeurs d'opacité !

D'autre part

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

visibility : block;

block n'est pas une valeur acceptée pour visibility (mais as-tu réellement besoin de la propriété visibility ???)