Salut à tous ... ça fait un moment que je cherche la solution pour faire passer mon menu déroulant full css par dessus une anim flash ...
j'ai un peu du mal .. j'ai essayé un peu toutes les soluces avec z-index et wmode=transparent mais rien n'y fait
voici mon code ...
Menu
Flash
et CSS topmenu
et css flash
le menu marche bien ... mais alors impossible de le passer au dessu du flash
Modifié par caviar (11 Nov 2008 - 15:34)
j'ai un peu du mal .. j'ai essayé un peu toutes les soluces avec z-index et wmode=transparent mais rien n'y fait
voici mon code ...
Menu
<div id="topmenu">
<ul class="niveau1">
<li><a href="index.php?page=accueil">Accueil</a></li>
<li class="sousmenu , plop"><a href="index.php?page=emails"> Messagerie </a>
<ul class="niveau2">
<li><a href="index.php?page=emails"> Boite de récèption </a></li>
<li><a href="index.php?page=emails&rub=send"> Messages envoyés</a></li>
<li><a href="index.php?page=emails&rub=suppr"> Messages supprimés</a></li>
</ul>
</li>
<li><a href="index.php?page=search_user"> Rechercher </a></li>
</ul>
</div>
Flash
<div id="toppub" style="z-index:0;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','728','height','90','src','img_pub/default','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','img_pub/default' ); //end AC code
</script>
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="728" height="90" >
<param name="movie" value="img_pub/default.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="img_pub/default.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="90" ></embed>
</object>
</noscript>
</div>
et CSS topmenu
/***************************************/
/* topmenu */
/**************************/
div#topmenu {
width:800px;
background-image:url(../images/bg_topmenu.jpg);
background-repeat:repeat-x;
color: #666466;
border-bottom:1px solid #e7e7e7;
height: 29px;
z-index:10;
}
div#topmenu a {
background: url(../images/bg_topmenu.jpg) 0% 0% repeat-x;
height: 29px;
border: 1px solid #e7e7e7;
z-index:10;
}
div#topmenu a:hover {
background: url(../images/ahover_topmenu.gif) 0% 0% repeat-x;
z-index:10;
}
div#topmenu ul {
padding: 0;
margin: 0px;
height:29px;
text-align: center;
z-index:10;
}
div#topmenu li {
background: url(../images/bg_topmenu.jpg) 0% 0% repeat-x;
height: 29px;
}
div#topmenu li:hover {
background:url(../images/ahover_topmenu.gif) 0% 0% repeat-x;
}
div#topmenu li.sousmenu:hover {
background:url(../images/ahover_topmenu.gif) 0% 0% repeat-x;
height:29px;
}
/* rejout couleur de fond */
div#topmenu li.sousmenu {
background:url(../images/bg_topmenu.jpg) 0% 0% repeat-x;
height: 29px;
background-color: #CCCCCC
}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#topmenu li.plop {
background: url(../images/bg_topmenu.jpg) 0% 50% repeat-x #CCCCCC;
height:29px;
margin-bottom: 5px;
}
/* une petite bordure en top*/
div#topmenu ul li {
position: relative;
list-style: none;
float: left;
}
div#topmenu ul ul {
position: absolute;
display: none;
width: 130px
}
div#topmenu li a {
text-decoration: none;
padding: 0px 0 0px;
display: block;
width: 130px;
line-height: 29px;
}
div#topmenu ul.niveau1 li.sousmenu:hover ul.niveau2, div#topmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display: block;
}
div#topmenu ul.niveau3 {
top: -1px;
left: 130px;
}
/* rajout de couleur de fond et de survol */
div#topmenu ul.niveau3 li {
background:url(../images/bg_topmenu.jpg) 0% 0% repeat-x;
}
div#topmenu ul.niveau3 li:hover {
background:url(../images/ahover_topmenu.gif) 0% 0% repeat-x;
}
et css flash
#toppub {
width: 100%;
height : 90px;
text-align:center;
z-index:100;
}
le menu marche bien ... mais alors impossible de le passer au dessu du flash
Modifié par caviar (11 Nov 2008 - 15:34)