Z-index et objet flash [Résolu]

Z-index et objet flash [Résolu] - HTML/CSS - Programmation

Marsh Posté le 19-10-2005 à 14:27:27    

Bonjour,
 
j'ai un problème de visibilité d'élément HTML a cause du flash.
Mon menu (html/javascript) a une position absolue.
Mon flash est dans le flot normal.
 
Problème : le menu passe sous le flash.
J'ai regardé du coté de la propriété z-index mais elle ne concerne que les éléments en position absolue.
 
On dirait que le flash est complètement "à part" dans la page.
Y a t'il un moyen de refaire passer mon menu HTML par dessus le flash?
 
Merci


Message édité par hop le fou le 20-10-2005 à 16:26:27
Reply

Marsh Posté le 19-10-2005 à 14:27:27   

Reply

Marsh Posté le 19-10-2005 à 14:45:48    

z-index concerne aussi les position relative et fixed. Relative est ici un truc que tu peux utiliser sur le Flash...

Reply

Marsh Posté le 19-10-2005 à 15:22:22    

Ca ne fonctionne meme pas en position absolue en fait.
Le flash ne se comporte pas comme un bloc html "normal"
 

Code :
  1. OBJECT {
  2.     position: absolute;
  3.     z-index: 0;
  4. }
  5. .testzindex1
  6. {
  7.     position: absolute;
  8.     z-index: 3;
  9.     top:200px;
  10.     left:3px;
  11.     background-color: #0000FF;
  12. }
  13. .testzindex2
  14. {
  15.     position: absolute;
  16.     z-index: 2;
  17.     top:300px;
  18.     left:2px;
  19.     background-color: #FF0000;
  20. }


Mes 2 blocs de test se chevauchent correctement mais le bloc flash repasse devant quelque soit son z-index.

Reply

Marsh Posté le 19-10-2005 à 15:30:26    

et en mettant ton Flash dans un calque:

Code :
  1. <di id="monflash ">
  2. <object> etc...
  3. </div>


et

Code :
  1. #monflash {
  2.     z-index: 1;
  3. }


?


---------------
D3
Reply

Marsh Posté le 19-10-2005 à 15:55:20    

Je viens d'essayer et en fait ca ne fonctionne pas non plus...
Le bloc DIV passe bien derriere mais le flash lui reste devant...

Code :
  1. .testindex3 {
  2.     background-color: #00FF00;
  3.     position: absolute;
  4.     z-index: 1;
  5. }
  6. .testzindex1
  7. {
  8.     position: absolute;
  9.     z-index: 2;
  10.     top:200px;
  11.     left:3px;
  12.     background-color: #0000FF;
  13. }
  14. .testzindex2
  15. {
  16.     position: absolute;
  17.     z-index: 3;
  18.     top:300px;
  19.     left:2px;
  20.     background-color: #FF0000;
  21. }


 
Et voila l'image pour confirmer mes dires :
http://img342.imageshack.us/img342/2691/flashzindex4gs.gif
C'est un peu fouilli mais on voit que l'ordre zindex est respecté sauf pour le flash (en blanc) qui passe par dessus tout le monde (chaque bloc est un carré)

Reply

Marsh Posté le 19-10-2005 à 16:04:25    

mechkurt a écrit :

et en mettant ton Flash dans un calque:

Code :
  1. <di id="monflash ">
  2. <object> etc...
  3. </div>


et

Code :
  1. #monflash {
  2.     z-index: 1;
  3. }


?


Double combo "nimportnawak" :D
 
Déjà, le flash dans son cas est déjà un calque, vu qu'il l'a mis en position absolue.
 
Ensuite ce que t'as fait, c'est pas le mettre dans un calque, tu l'as simplement mis dans un élément div, que tu as positionné, ce qui sert strictement à rien, vu qu'on peut positionner directement object.
 
Essayer tous de vous défaire de cette satanée association "calque = div". N'importe quel élément peut être un calque, suffit de le positionner. div n'est pas un calque, c'est un élément servant à grouper d'autres éléments et ainsi il sert à donner de la structure à un document html....

Reply

Marsh Posté le 19-10-2005 à 16:33:36    

Oui mais j'ai enlevé la position absolue du flash quand j'ai testé avec un div en absolu.
J'y croyais pas beaucoup, mais comme ca fonctionne bien avec les div, je me suis dit que le flash prendrai peut etre les propriétés de son conteneur... par miracle quoi  :whistle:  
 
Bon donc il est impossible de fixer un z-index a un objet flash?

Reply

Marsh Posté le 19-10-2005 à 16:50:01    

Oui, en le mettant donc en position absolue, relative ou fixed :)

Reply

Marsh Posté le 19-10-2005 à 16:50:33    

J'avais réussi à faire ça une fois... Peut-être en mettant le flash en transparent machin

Reply

Marsh Posté le 19-10-2005 à 16:55:12    

FlorentG a écrit :

Oui, en le mettant donc en position absolue, relative ou fixed :)


Non.
Ca fixe peut etre un z-index mais celui-ci ne fonctionne pas.
Quelque soit le z-index fixé sur l'objet contenant le flash, celui-ci reste au premier plan (cf post 3)
 

FlorentG a écrit :

J'avais réussi à faire ça une fois... Peut-être en mettant le flash en transparent machin


La transparence gérée par le flash ou bien gérée en html?
je vais chercher de ce coté la...
 
EDIT : le problème c'est qu'il faut aussi que ce soit cliquable (la partie HTML qui passe sous le flash, c'est un menu), il ne faut pas juste que ca soit visible...


Message édité par hop le fou le 19-10-2005 à 16:57:36
Reply

Marsh Posté le 19-10-2005 à 16:55:12   

Reply

Marsh Posté le 19-10-2005 à 16:58:46    

excuse mais y autant de chance que ca:

Code :
  1. <param name="WMODE" value="Transparent" />


resolve son PB que ma solution...
 
PS: je lui ai d'ailleurs dits d'essayer ca, et en aucun cas que c'était la solution mais:
-> qui ne tente rien n'as rien  ;)  
-> plus on est de fou, plus on rit   :pt1cable:  


---------------
D3
Reply

Marsh Posté le 20-10-2005 à 09:33:49    

UP, des fois que qqun ait une idée...

Reply

Marsh Posté le 20-10-2005 à 16:25:51    

La solution du dessus fonctionne (la transparence) :)
J'y croyais moyen et je viens juste de l'essayer et ca fonctionne nickel en fait (honte sur moi :o )...
 
Merci :D

Reply

Marsh Posté le 20-10-2005 à 17:13:22    

:D  
toutes mes excuses FlorentG, je vais aller manger ma chaussette...
 :??:  
ben ca alors!
 ;)

Reply

Marsh Posté le 06-09-2009 à 02:22:00    

J'avais le même problème. Du coup je permet de detterer ce sujet pour un ptit merci à mechkurt

Reply

Marsh Posté le 10-01-2013 à 09:47:44    

J'ai eu le même problème, et je confirme, passer le paramêtre wmode à "transparent" résout ce problème...c'est parfait ! (le z-index ne sert pas dans ce cas présent)...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed