DIV opaque

Bonjour, :)

J'aimerais savoir s'il existe un moyen de rendre une <div> opaque.

Merci pour vos idées.

en lui donnant une couleur de fond ? :roll:

Je lui ai bien donnée une couleur de fond.
Ma fenêtre est organisée avec une suite de <div> dont certaines sont cachées.
Lorsque je rends visible cette div, une autre div normalement en dessous reste visible en même temps.
Pas facile à expliquer...

es-tu sûre qu'elle est vraiment en dessous ?
si tu ne veux pas qu'elle soit visible puisque en dessous, pourquoi ne pas tout simplement la rendre invisible ?

Elle ne doit pas être toujours visible. Elle n'est visible que lorsque l'utilisateur passe la souris sur un lien.

Salut,

Est-il possible d'obtenir l'adresse de la page :?: Car je ne comprends pas le problème

Impossible car c'est un site interne. Voici une version allégée du code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
$ret.="<body leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'>";
 
// Cadre principal 
 
$ret.="<div style='position:absolute; left:112px; top:0px; background-image:url(/images/haut_page1.bmp); width:800; 
......//entête 1
$ret.="</div>";
 
...
$ret.="<div style='position:absolute; left:112px; top:98px; width:800; height:23;'>";
...//entête 2
$ret.="</div>";
 
// Menu Gauche 
 
$ret.="<div style='position:absolute; left:112px; top:121px; background-color:#007BB7; width:200; height:480;'>";
 
// Sous catégories cachées 
// Conseil municipal 
$ret.="<div ID='mm_cslmunicipal' STYLE='position:absolute; visibility:hidden; background-color:#FFFFFF; left:160px; top:0px;'  onmouseout='cache(\"mm_cslmunicipal\")'>"; 
$ret.="<table width='150' border='1' cellpadding='0' cellspacing='0' align='left' bgcolor='#FFFFFF' bordercolor='#007BB7' onmouseover='document.getElementById(\"mm_cslmunicipal\").style.visibility = \"visible\"'>"; 
$ret.="<tr><td width='150' height='20'  onmouseover='javascript:this.style.background=\"#007BB7\";javascript:this.style.color=\"#FFFFFF\"'  onmouseout='javascript:this.style.background=\"#FFFFFF\";javascript:this.style.color=\"#00009D\";' class='normal3'>Dernier conseil</td></tr>"; 
$ret.="<tr><td width='150' height='20' onmouseover='javascript:this.style.background=\"#007BB7\";javascript:this.style.color=\"#FFFFFF\"' onmouseout='javascript:this.style.background=\"#FFFFFF\";javascript:this.style.color=\"#00009D\";' class='normal3'>Tous les conseils</td></tr>"; 
					$ret.="<tr><td width='150' height='20' onmouseover='javascript:this.style.background=\"#007BB7\";javascript:this.style.color=\"#FFFFFF\"' onmouseout='javascript:this.style.background=\"#FFFFFF\";javascript:this.style.color=\"#00009D\";' class='normal3'>Liste des élus</td></tr>"; 
				  $ret.="</table>";
			    $ret.="</div>";	
...
 
 
// Menu visible 
$ret.="<table align='center' width='200' height='480' cellpadding='0' cellspacing='0' border='0'>";
$ret.="<tr>";
$ret.="<td class='normal2' onmouseover='javascript:this.style.color=\"#FFFFFF\";montre(\"mm_cslmunicipal\")' onmouseout='javascript:this.style.color=\"#FFFFFF\";cache(\"mm_cslmunicipal\")'>					    	&nbsp;&nbsp;<img src='/images/bouton2.gif' width='7' height='7'>&nbsp;&nbsp;Conseil municipal</a>";
 
$ret.="</td>";
$ret.="</tr>";	
$ret.="</table>";
$ret.="</div>";
 
// Informations centrales 
$ret.="<div style='position:absolute; left:313px; top:121px; width:400; height:480;'>";
$ret.="<table width='365' height='480' align='center' border='0' valign='middle'>";
$ret.="<tr>";
....
$ret.="</tr></table>";
$ret.="</div>";

La div que je veux affichée apparait à cheval sur la partie gauche et la partie centrale.
Elle couvre bien la partie gauche mais passe en second plan sur la partie centrale.
J'ai essayé d'indéxer l'ordre avec z-index mais ça ne marche pas. :(

J'ai passé le z-index du menu gauche à 1 et ça fonctionne.

Bon après-midi. :)