[Résolu] Bug IE7

Bonjour à tous,

J'ai une légende draggable qui utilise scriptaculous qui devrait être au premier plan par rapport au autres éléments de la page car elle a le z-index le plus élevé mais qui malgré cela reste en arrière plan (sous Firefox fonctionnement parfait).

Comment dois-je procéder ?

Le code CSS de la légende :

.legende{
	position:absolute;
	top:0px;
	border: 1px solid Black;
	background-color: white;
	z-index: 4;
}

Le code PHP pour générer la légende :

echo "<div id='legende' class='legende' style='display:none;cursor:move;'>";
echo "<div align=right style='background-color:black;border-bottom:1px solid black;'><img src=\"ressources\cancel.png\"\ onclick=\"affCache('legende')\"></div>";
$i= 0;
$div = intval(sizeOf($tabClasses) /2); //on divise la légende en 2 tableaux à l'entier supérieur
					
foreach($tabClasses as $class => $color)
{
	$tabL[$i] = $class;
	$tabC[$i] = $color;
	$i++;
}

echo "<table style='float:left;'>";
for($i=0;$i<$div;$i++)
{
	echo "<tr><td style='height:18px;width:50px;background-image:".$tabC[$i]."; background-repeat:repeat;'></td><td style='height:18px;font-size:11px;'>".$tabL[$i]."</td></tr>";
}
echo "</table>";
					
echo "<table style='float:left;'>";
for($i=$div;$i<sizeOf($tabClasses);$i++)
{
	echo "<tr><td style='height:18px;width:50px;background-image:".$tabC[$i]."; background-repeat:repeat;'></td><td style='height:18px;font-size:11px;'>".$tabL[$i]."</td></tr>";
}
echo "</table>";

echo "</div>";

Puis la fonction JS qui permet de rendre la légende draggable :

function goLegend(id)
{
	var pr = document.getElementById(id);
	var mydrag = new Draggable(id, { scroll:window });
	
	if (pr.style.display == "") {
		pr.style.display = "none";
		mydrag.destroy();
	} 
	else {
		pr.style.display = "";
	}
}	

Merci d'avance pour votre aide
Modifié par drake (11 Aug 2011 - 11:34)

J'ai résolu mon problème en le contournant, j'ai mis la div qui devait être au dessus de toutes les autres à la fin de la page
Modifié par drake (11 Aug 2011 - 11:34)