18041 sujets

Questions générales et questions de débutants

Superposition avec IE8 (bug z-index)

Bonjour à tous,
Je butte sur un truc simple qui fonctionne sous FF mais pas avec IE8 : deux divs doivent se superposer.
Avec FF tout fonctionne mais avec IE8 j'ai l'une des deux divs qui est cachée changer le positionnement et le z-index ne change rien.
Avec vous une astuce ?

Merci 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xx</title>
<style type="text/css">
<!--
body { background-color: #2E0201; }
a {  display: block; width:400px; height:560px;}

-->
</style></head>

<body >
<div style=" position: absolute; left:580px; top:37px; z-index: 9999; "><a href="#"></a></div>
<div align="center" style="position: relative; left:360px; top:0px; z-index: 0;">
  <object classid="xxx" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="791" height="647">
    <param name="movie" value="../Close book.swf" />
    <param name="quality" value="high" />
  <embed src="../Close book.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="791" height="647" wmode="transparent"></embed>
</object></div>

</body>
</html>
Ca marche chez moi. Ta première div apparait bien au-dessus du div contenant le Flash sur FF et IE 8. Par contre, pour la div contenant le flash, il vaudrait mieux lui indiquer une taille.
Concernant le embed, est t'il indispensable?

Je te conseille de faire ça:

<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="../Close book.swf" width="791" height="647">
<!-- <![endif]-->

<!--[if IE]>
<object classid="xxx" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
  width="791" height="647">
  <param name="movie" value="../Close book.swf" />
<!-->
<param name="quality" value="high" />
</object>


Ainsi le code sera valide XHTML.
Tu pourrais faire une copie d'écran FF et IE pour voir ce que ça donne de ton côté?
Sujet clos
Aller à