Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2824 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Z-index et objet flash [Résolu]

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Z-index et objet flash [Résolu]

n°1226229
hop le fou
Tu m'en diras tant
Posté le 19-10-2005 à 14:27:27  profilanswer
 

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
mood
Publicité
Posté le 19-10-2005 à 14:27:27  profilanswer
 

n°1226248
FlorentG
Unité de Masse
Posté le 19-10-2005 à 14:45:48  profilanswer
 

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

n°1226299
hop le fou
Tu m'en diras tant
Posté le 19-10-2005 à 15:22:22  profilanswer
 

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. }
  6. .testzindex1
  7. {
  8.     position: absolute;
  9.     z-index: 3;
  10.     top:200px;
  11.     left:3px;
  12.     background-color: #0000FF;
  13. }
  15. .testzindex2
  16. {
  17.     position: absolute;
  18.     z-index: 2;
  19.     top:300px;
  20.     left:2px;
  21.     background-color: #FF0000;
  22. }


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

n°1226315
mechkurt
Posté le 19-10-2005 à 15:30:26  profilanswer
 

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. }


?

Message cité 1 fois

---------------
D3
n°1226344
hop le fou
Tu m'en diras tant
Posté le 19-10-2005 à 15:55:20  profilanswer
 

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. }
  7. .testzindex1
  8. {
  9.     position: absolute;
  10.     z-index: 2;
  11.     top:200px;
  12.     left:3px;
  13.     background-color: #0000FF;
  14. }
  16. .testzindex2
  17. {
  18.     position: absolute;
  19.     z-index: 3;
  20.     top:300px;
  21.     left:2px;
  22.     background-color: #FF0000;
  23. }


 
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é)

n°1226359
FlorentG
Unité de Masse
Posté le 19-10-2005 à 16:04:25  profilanswer
 

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....

n°1226388
hop le fou
Tu m'en diras tant
Posté le 19-10-2005 à 16:33:36  profilanswer
 

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?

n°1226401
FlorentG
Unité de Masse
Posté le 19-10-2005 à 16:50:01  profilanswer
 

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

Message cité 1 fois
n°1226402
FlorentG
Unité de Masse
Posté le 19-10-2005 à 16:50:33  profilanswer
 

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

n°1226407
hop le fou
Tu m'en diras tant
Posté le 19-10-2005 à 16:55:12  profilanswer
 

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
mood
Publicité
Posté le 19-10-2005 à 16:55:12  profilanswer
 

n°1226410
mechkurt
Posté le 19-10-2005 à 16:58:46  profilanswer
 

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
n°1226826
hop le fou
Tu m'en diras tant
Posté le 20-10-2005 à 09:33:49  profilanswer
 

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

n°1227239
hop le fou
Tu m'en diras tant
Posté le 20-10-2005 à 16:25:51  profilanswer
 

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

n°1227296
mechkurt
Posté le 20-10-2005 à 17:13:22  profilanswer
 

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

n°1921586
Saratorn
Posté le 06-09-2009 à 02:22:00  profilanswer
 

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

n°2170547
gwereg
Posté le 10-01-2013 à 09:47:44  profilanswer
 

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)...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Z-index et objet flash [Résolu]

 

Sujets relatifs
Résolu : Recherche des doublons dans la base.mon menu javascript passe "en dessous" de mon anim flash
(résolu) Boucle For each sur textbox dans userform[Résolu] Créer une CMainFrame qui ne prend pas le focus à l'ouverture
[resolu]reset pour les textbox[RESOLU] [FORMULAIRE] probleme de récup des données
[résolu] lecture des informations d'un fichier[resolu]ajouter des données dans une requête htttp en js
[Résolu][SQL]Résultat d'une requete dans variable.Placer un objet en session
Plus de sujets relatifs à : Z-index et objet flash [Résolu]

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.078 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR