superposition html sur flash

**eveilside** · 02/04/2007, 11h54

Bonjour a tous !

est ce quelqu'un pourrait me dire comment faire pour superposer une anim flash et du html-->le html au dessus du flash.Si cela est possible car pas moyen de trouver la reponse.

J'ai essayé avec les <div> en jouant avec les index et les position mais cela ne fonctionne pas.

@+

**haltabush** · 02/04/2007, 15h31

Il faut que le fond de ton swf soit transparent

wmode=transparent, si je me souviens bien.

**sanosuke85** · 02/04/2007, 15h57

Bonjour,

Je suis pas sur que la tranparence soit le souhait, surtout si son fond doit être plein et que l'html doit être au dessus du flash.

Peut-être qu'avec du javascript on peut le mettre par dessus.

Sinon par CSS on doit pouvoir trouver quelque chose de correct avec un <div> pour ton animation flash, et un <div> avec le contenu en position:absolute;

Essaies de partir sur ces pistes

**haltabush** · 03/04/2007, 08h59

Sauf erreur, la transparence est une condition nécessaire; la superposition de html au dessus du Flash n'était pas possible dans la version 8 du player flash : le fait que al transparence soit obligatoire doit être un léger bug restant ^^

**bigben** · 04/04/2007, 10h58

Je confirme, la transparence est obligatoire (wmode="transparent").
Ensuite il suffit effectivement de mettre une <div> en position absolute.

Par contre, si le flash contient des zones de saisie (TextField), la transparence empêche cette saisie sous Firefox...

**Garra** · 30/04/2007, 16h00

Bonjour

Par contre, si le flash contient des zones de saisie (TextField), la transparence empêche cette saisie sous Firefox...

Comment on fait sur Firefox????, car j'ai créé une animation transparente où petit objet parcourt la page mais sur Firefox plus rien n'est cliquable, mes menus, etc. comment faire?

Est-ce qu'il ne faut pas que j'utilise cette animation sur Firefox???????

merci!!!!

**Neroptik** · 01/05/2007, 01h19

Envoyé par haltabush

Sauf erreur, la transparence est une condition nécessaire; la superposition de html au dessus du Flash n'était pas possible dans la version 8 du player flash : le fait que al transparence soit obligatoire doit être un léger bug restant ^^

et sur mon site ? mes champs de connexion en haut a droite sont dans une div (html !) et sont superposées au dessus e mon animation flash...
http://neroptic.free.fr

**Neroptik** · 01/05/2007, 01h22

Si mes souvenirs sont bons il faut mettre ce parametre a ton "Object" qui contient ton flash :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et jouer avec le "position" de ta div

**Garra** · 01/05/2007, 10h57

Bonjour et merci

Mais j'ai compris que mon problème se trouve sur la DIV car si laisse seulement la div sans l'animation, j'ai le même problème (toujours sur FF pas sur IE), c'est à dire que j'ai une div qui couvre tout le site car l'animation s'agit d'un petit element qui parcourt la page pour se place à la fin à droite de celle-ci.

Ma div est comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="flashcontent" style="position:absolute; top:0px; width:900px; height:600px; z-index:1; ">

Ma div se place bien, mon anim est bien transparente tout se passe bien sauf ce problème sur Firefox où mes champs et lien ne sont plus accessibles.

Merci de me dire si on peut faire quelque chose pour ressoudre ce problème!!!

**Garra** · 01/05/2007, 11h01

Envoyé par Neroptik

et sur mon site ? mes champs de connexion en haut a droite sont dans une div (html !) et sont superposées au dessus e mon animation flash...
http://neroptic.free.fr

si j'ai bien compris tes champs sont SUR l'animation alors que mon cas c'est le contraire.

**jul.oob** · 23/05/2007, 16h21

hop j ai un peu le meme probleme

voici mon div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="749" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="749" height="480"></embed></object>
</div>

et mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#global {
     position:absolute;
    	 }

comment faire pour mettre un texte genre blabla sur lanim flash?

merci davance!!!!

**Neroptik** · 23/05/2007, 16h39

Il te suffit de mettre ton texte dans une div que tu place au dessus de ton flash (position:absolute;margin...... et tu a deja mis le "param wmode" pour ton Objet donc c'est bon. (tu peut aussi mettre opaque comme wmode).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="749" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="749" height="480"></embed></object>
</div>
<div id="montexte">Mon Texte</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#global {
position:absolute;
}
#montexte {
position:absolute;
top:0px;  //si ton animation flash est en haut de page sinon tu doit positionner correctement ta div.
}

**jul.oob** · 23/05/2007, 17h00

merci ca a lair de fonctionner

**jul.oob** · 23/05/2007, 20h35

merci pr ta reponse Neroptik

jai un peu bidouille le truc jai mi une image en gif fond transparant dessus ca fonctionne pas mal du tout sous ie ms sous firefox pas dimage...

une idee?

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#global {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 756px;
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -378px; /* moitié de la largeur */
     border: 0px solid #000;
}
#montexte {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 768px;
     height: 488px;
margin-top: -244px; /* moitié de la hauteur */
margin-left: -384px; /* moitié de la largeur */
}

PAGE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="global">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="756" height="480">
  <param name="movie" value="main.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent" />
  <embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="756" height="480"></embed></object>
</div>
 
 
<div id="montexte">
<table cellpadding="0" cellspacing="0" border="0" width="768" height="488">
<tr>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
<td  bgcolor="#FFFFFF"></td>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td  bgcolor="#FFFFFF"></td>
<td><img src="main_transparent.gif" width="756" height="480"></td>
<td  bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="4" width="6"  bgcolor="#FFFFFF"></td>
<td  bgcolor="#FFFFFF"></td>
<td height="4" width="6" bgcolor="#FFFFFF"></td>
</tr>
</table>
 
 
</div>

**Neroptik** · 24/05/2007, 09h51

Tu peut essayer de jouer avec les z-index... mais sinon je vois pas

**jul.oob** · 24/05/2007, 15h31

z index?c du css ca?ca marche cmt?

**jul.oob** · 24/05/2007, 21h10

apres avoir farfouille jai essaye avec les zindex mais ca ne fonctionne pas non plus...:s

je met mon css au cas ou jai fais une betise...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
#global {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 756px;
     height: 480px;
     margin-top: -240px; /* moitié de la hauteur */
     margin-left: -378px; /* moitié de la largeur */
     border: 0px solid #000;
	 z-index: 1;
 
}
#montexte {
position:absolute;
     left: 50%; 
     top: 50%;
     width: 768px;
     height: 488px;
margin-top: -244px; /* moitié de la hauteur */
margin-left: -384px; /* moitié de la largeur */
z-index: 2;
 
}

l autre code n a pas change

superposition html sur flash

Flash

Discussions similaires

Partager

Partager