28173 sujets

CSS et mise en forme, CSS3

[résolu] Menu déroulant qui passe en dessous d'une vidéo swf dans ie

Bonjour à tous,

Je suis en train de faire des tests pour créer un menu déroulant en cascade.
Le menu seul fonctionne correctement -voir ici-.
Mais dés que s'insère de la vidéo en dessous du menu, le menu passe derrière la vidéo. Du coup on ne le voit plus. Ce qui est bizarre c'est qu'avec des images, je n'ai pas ce problème.
-voir ici-

> Voir le css

Si vous avez une idée ...

Merci beaucoup Smiley smile

poulette
Modifié par ingrid04 (11 Sep 2007 - 15:00)
Oui par default le z-index et a 0, donc pour le menu comme il doit toujours etre au dessus du reste met le à 100.
J'ai fait quelques tests en mettant : z-index:100;
Mais ça ne change rien.
Il se peut que j'atttribue le "z-index "au mauvais endroit...

Je continue à tester.
ça n'a pas l'air de fonctionner.
Dommage.

Je continue à chercher Smiley murf , si vous avez des idées elles sont les bien venues.
Le probleme et que tu utilises des tableaux pour faire ta mise en page,... surtout des tableau imbriquer d'apres ce que j'ai vu.

Donc c'est peut etre un probleme, faudrai demander au spécialiste...
Il faut que tu me mettes le paramètre : param name="wmode" value="transparent"

Pour rendre accessible ton flash je te conseille en plus de coder l'insertion de ta vidéo ainsi :

<object type="application/x-shockwave-flash" data="xx.swf" width="xx" height="xx">

<param name="movie" value="xx.swf" />

<param name="wmode" value="transparent" />

<p>texte alternatif</p>

</object>


Bon courage Smiley cligne
Merci beaucoup buh31.
Avec ta technique le menu s'affiche au dessus de la vidéo, bonne idée de mettre la vidéo en transparent. - voir ici -

Maintenant il me reste à trouver une astuce pour faire disparaitre la bordure grise qu'internet explorer mets par défaut autour des éléments flash. Parce que là, ça perturbe la lisibilité et la fluidité du menu. Quand on passe la souris sur le menu qui est au-dessus du flash, la bordure du flash apparait et on a l'impression de sélectionner le flash.
Je vais voir si avec du javascript je peux corriger ça. Si vous avez des astuces dans votre sac. Smiley murf Smiley smile


Merci à tous de votre aide.

Poulette
Je crois que c'est SP2 qui fait ca .. en tout ca ma solution pour cette bordure grise c'est SWFObject : http://blog.deconcept.com/swfobject/

Et contrairement à leur exmeple : 
<div id="flashcontent">
  This text is replaced by the Flash movie.
</div>

plutot qu'un texte dans la div dont le contenu sera remplacé par le flash, je mettrai le flash direct .. au cas où l'utilisateur n'ai pas activé les javascripts.
Salut dhjapan merci pour tes conseils.

Effectivement quand je met ton code la bordure grise disparait par contre mon menu disparait de nouveau derrière la vidéo. Smiley ohwell
Avec ta technique je ne peux pas insérer mon : <param name="wmode" value="transparent" /> (ça rend le flash transparent) qui me permet de corriger ce bug.

J'avais déjà utilisé ce genre de technique avec un fichier javascript qui contenait la balise embed, et ça retirait la bordure grise par contre ça ne corrigeait pas le bug d'affichage de la vidéo, parce que dans ce fichier javascript je ne pouvais pas inclure la balise param.

mmhh ... c'est compliqué tout ça

Poulette
Modifié par ingrid04 (11 Sep 2007 - 13:53)
ingrid04 a écrit :
SAvec ta technique je ne peux pas insérer mon : param name="quality" value="high" (ça rend le flash transparent) qui me permet de corriger ce bug.
c'est <param name="wmode" value="transparent" /> non ?
.. et si tu utilise swfObject ce qu'il faut préciser c'est : 
<script type="text/javascript">
...
   so.addParam("wmode", "transparent");
...
</script>
oui swfobject, c'est vraiment très bien, en plus ça peut détecter la version de flash installé, et proposer un contenu en fonction.
Sujet clos
Aller à