Problème,mon anim flash passe au premier plan

Résolu/Fermé
piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023 - 20 avril 2007 à 14:13
Polo141 Messages postés 126 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 13 décembre 2019 - 4 mars 2012 à 00:23
Hello tous le monde.
Mon problème est que j'ai une page HTML avec une anim flash en fond sur la taille totale de la page qui se stop au bout de 5 secondes...
J'ai créé un calque par dessus cette anim pour y placer mon texte.
La div pour l'anim est en z_index 0 et la div du calque en z_index 1.
Au lancement de la page, l'anim flash se met au dessus de mon texte et lorsque je scroll, le texte s'affiche enfin par dessus l'anim.
J'ai effectuer pas mal de recherche sur des forums mais la majorité des soutions proposées sont pour des pc, hors, je suis une formation sous mac et mon formateur n'a pas la solution au probleme.
On m'a parlé d'enlever la balise <embed> car il arrivait qu'elle bloque le z_index mais tout cela n'y change rien...

Toutes vos aides seront les bienvenues.
Merci d'avance.
A voir également:

11 réponses

Les animation flash c'est un peu spécial, ca se regle pas en css...

Essaye de rajouter ce parametre dans ton objet flash (dans ton code html) : <param name='wmode' value='transparent' >
7
Cela fonctionne effectivement sauf avec safari 5 (5.03) PC . Vous me direz il y a peu d'utilisateur de safari sur PC....
0
Merci !!!
ça fait un bon moment que je cherche. Tout fonctionnait correctement sur IE, mais impossible de faire apparaitre ma div par dessus mon anim flash... jusqu'à ce que je rajoute le wmode="transparent" dans le <embed /> aussi.

merci ninlock !!!
1
Merci, grace à votre commentaire, j'ai enfin pu mettre mon diapo au premier plan !!!!
Encore merci à vous.
0
piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023 7
20 avril 2007 à 14:56
g déja essayé aussi avec le wmode mais rien a faire, mon anim ne veut pas rester derrière.
en fait, l'anim contient la barre de navigation et la bannière sur lesquels il y a une animation et le reste de l'anim est simplement le fond de mon site.
Je pense que je vais redécouper mon anim pour la transformer en 2 anim différentes, une pour la navigation et une pour la bannière.
Si quelqu'un a d'autres idées, ce serait cool.

Merci quand meme Michel, ça fait plaisir de se sentir aidé.
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79
20 avril 2007 à 15:29
Bonjour Piervi,

Si cela peut t-aider, ...

Création d'un objet feuille de style
Les styles CSS sont représentés dans ActionScript par la classe TextField.StyleSheet. Cette classe est uniquement disponible pour les fichiers SWF conçus pour Flash Player 7 et les versions ultérieures. Pour créer un objet feuille de style, appelez la fonction de constructeur de la classe TextField.StyleSheet.

var newStyle:TextField.StyleSheet = new TextField.StyleSheet();

Pour ajouter des styles à un objet feuille de style, chargez un fichier CSS externe dans l'objet ou définissez les styles dans ActionScript. Reportez-vous à Chargement de fichiers CSS externes et à Création de nouveaux styles avec ActionScript.



0
piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023 7
20 avril 2007 à 15:42
J'ai mis un moment à comprendre réellement ton post mais en fait c'était plutot simple à réaliser. Ayant Flash 8, j'ai appliqué tes conseils et le miracle est arrivé.
Merci bien Jacobéo pour tes conseils, tout fonctionne très bien sous firefox comme i.E.
Si ça rebeug, je vous tiendrais au courant.

Encore merci ;)
0
Jacobéo Messages postés 304 Date d'inscription samedi 10 mars 2007 Statut Membre Dernière intervention 28 août 2008 79 > piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023
20 avril 2007 à 15:59
Heureux de t'avoir pu être utile. Si ton problème est résolu, penses s'il te plaît à cocher la case "problème résolu" Merci.
0
piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023 7 > piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023
14 mai 2007 à 15:55
Mon problème n'a jamais été réelement résolu, la seule solution que j'ai trouvée est d'avoir découper mon anim flash en 2 anims différentes pour ne plus avoir de superposition text/anim

Merci a tous ;)
0
ninlock > piervi Messages postés 104 Date d'inscription mardi 17 octobre 2006 Statut Membre Dernière intervention 11 septembre 2023
22 août 2007 à 16:45
Bonjours à tous, en réalité il y a une solution et de plus elle a été exprimer:
ajouter <param NAME=wmode VALUE=transparent> après les autres paramètre mais il faut aussi le spécifier dans la balise EMBED avec WMODE=transparent. Si cela ne fonctionne pas c'est qu'il faut déclarer au mois un style position(absolute, relative...) et un z-index dans le css.
En tout cas c'est ainsi que j'ai régler le problême.
0
Bonjour,
J'ai le problème inverse.
Je dois afficher une démo par dessus un formulaire (aide animée)
Le problème est que l'anim passe bien par dessus le formulaire mais laisse apparaitre les listes de sélection (<select><option>)
J'ai essayé transparent, opaque, rien.
Merci de votre aide ou pistes
Cordialement
patrick
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Salut hapyba,
Supprime ta ligne
<param name="wmode" value="transparent">
Ton anim flash sera en premier plan
cordialement
0
Merci pour cette info weetabix40 ! j'essaierai à l'occasion. pour le moment j'ai callé mon anim au quart de millimetre près. :)
0
Fait attention à tes paramètres car ce qui est rendu sur ton écran peut etre différent , sur un écran plus grand. Le standard web est 900/600 mais avec la poussée des technologies, beaucoups de foyés sont en définition supérieur. De plus fait aussi attention aux navigateurs. Un rendu ne sera pas le meme avec Firefox, Explorer ou Safari.
Bon courage,
++ Mat
0
Ah oui j'oubliais... qd tu creer ton animation, (ex sous imageready : fichier/exportation/arrièreplan : choisi ta couleur).
As tu l'adresse de ton site que je regarde?
0
Bonjours, désolé de remonter se sujet, mais j'ai le même problème.
Mon texte ne s'affiche pas sous IE alors que sous Firefox/Opera ça s'affiche.

J'ai bien rajouter le name="wmode" value="transparent" dans les endroits qui faut, mais ça affiche pas sur IE

Quelqu'un peux m'aider svp merci

++ Franky
0
bon c'est simple en css moi, j'ai mis mes images d'animations en z-index : -1, car mon flash se mettait au dessus de ma barre de menu, maintenant le probleme est résolu. Les nombres négatifs fonctionnent, aussi.
Bon on est en 2011, je sais mais si ca peut servir a quelqu'un, voila.
A ++
0
Polo141 Messages postés 126 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 13 décembre 2019 113
Modifié par Polo141 le 4/03/2012 à 00:23
Il faut 2 choses :

- Dans le CSS mettre un position:relative; z-index:1; ATTENTION avec z-index:0 ça ne marche pas !
class {position:relative; z-index:1;}

- Dans le code html de l'intégration de swf flash
<param name='wmode' value='transparent' />
0