28173 sujets

CSS et mise en forme, CSS3

J'ai un site dont une partie est organisée de la façon suivante :
<div id="entete">
  <img src="fond_entete.png" />
  <div id="menu">
    <ul>
      <li>section 1</li>
      <li>section 2</li>
    </ul>
  </div>
</div>


Je positionne le menu en absolu pour l'afficher par-dessus l'image de fond et tout va bien.

Par contre, un problème se pose lorsque je remplace l'image en question par une anim Flash :
<div id="entete">
  <object id="fond_entete" type="application/x-shockwave-flash" data="anim.swf">
    <param name="movie" value="anim.swf" />
  </object>
  <div id="menu">
    <ul>
      <li>section 1</li>
      <li>section 2</li>
    </ul>
  </div>
</div>


Dans ce cas-là, l'anim Flash apparaît par-dessus le menu, cachant celui-ci et le rendant inutilisable.

Est-ce que c'est possible de placer un object derrière un div et si oui, comment ?
Modifié par terzag (08 Dec 2006 - 13:41)
Je ne connais pas bien l'intégration des animations flash.
Mais je suis aussi d'accord pour le <param name="wmode" value="transparent" /> Smiley cligne
Modifié par Ptitfox (08 Dec 2006 - 14:02)
Ça marche sous IE 6 mais pas sous Firefox (pas encore testé d'autres navigateurs)... Smiley ohwell
En plus, l'anim de fond déconne pas mal visuellement (c'est peut-être dû au fait que j'utilise IE sous Linux).

Rectification : ça ne marche pas avec Firefox sous Linux, probablement du fait du Flash Player 9 bêta.
Ça m'embête un peu ; si quelqu'un a une autre solution...

EDIT : après avoir un peu cherché, c'est un problème connu dans le Player 9 Linux bêta et il est pas simple à résoudre du côté des développeurs. Smiley decu
Modifié par terzag (08 Dec 2006 - 14:28)