Calque sous vidéo youtube [Résolu]

[koKoTis]

Bonjour, j'ai une page web, avec un calque fixed en haut de page, et des vidéos youtube dans le corp de page, mais quand je remonte la page les vidéo passe sur le calque du haut, coment faire pour que les viéos passe sous le calque ??


Voici mon code:

Code :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
 <div id="Layer1" style="position:fixed; width:100%; height:100px; z-index:1; left: 0px; top: -3px; background-color: #272526; layer-background-color: #171717; border: 1px none #000000;">
     <table width="100%" border="0">
       <tr>
         <td height="58" bgcolor="#272526"><div align="center" class="Style12">
           <table width="856" border="0">
             <tr>
               <td width="420"><div align="left"><a href="http://www.youtube.com/user/lunnatick?feature=mhee" target="_blank"><img src="imgs/Youtube_logo_perso.jpg" width="150" height="63" border="0"></a></div></td>
               <td width="426"><div align="right">Mes playliste youtube</div></td>
             </tr>
           </table>
         </div></td>
       </tr>
       <tr>
         <td height="39" bgcolor="#666666"><div align="center">
             <table width="744" border="0">
               <tr>
                 <td width="296" height="26"><div align="left"><span class="Style11"><a href="../index.html" class="a4">Site de J&eacute;r&eacute;mie Merlin - lunnatick.fr </a></span></div></td>
                 <td width="218"><div align="center"><a href="index.htm" class="a4">J'em's Dound </a></div></td>
                 <td width="216"><div align="right"><span class="Style11"><a href="http://www.youtube.com/user/lunnatick?feature=mhee" target="_blank" class="a4">Lunnatick sur Youtube </a></span></div></td>
               </tr>
           </table>
         </div></td>
       </tr>
     </table>
 
 
        </div>
 
 
<div align="center">
 
  <table width="602" border="0">
    <tr>
      <td width="596">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
    <tr>
      <td height="38" bgcolor="#666666"><div align="center" class="Style13">Hocus Pocus </div></td>
    </tr>
    <tr>
      <td bgcolor="#333333"><div align="center"><object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/2E370AAF065433B9?hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/2E370AAF065433B9?hl=fr_FR&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object></div></td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
    <tr>
      <td height="41" bgcolor="#666666"><div align="center" class="Style13">Soprano <em>(des Psy4 de la rime) </em></div></td>
    </tr>
    <tr>
      <td bgcolor="#333333"><div align="center">
      <object width="480" height="385"><param name="movie" value="http://www.youtube.com/p/CFF4644CF545A632?hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/CFF4644CF545A632?hl=fr_FR&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object></div></td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
    <tr>
      <td bgcolor="#333333">&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
    <tr>
      <td bgcolor="#333333">&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
    <tr>
      <td bgcolor="#333333">&nbsp;</td>
    </tr>
    <tr>
      <td bgcolor="#333333"><hr></td>
    </tr>
  </table>

La page ici: http://www.lunnatick.fr/ma_sik/pl_yt.htm

[Vil'Coyote]

en mettant soit un z-index supérieur a ton menu en mettant un z-index inférieur a tes div de vidéo.

[koKoTis]

Merci

Mais ce ne fonctionne pas

[Bisûnûrs]

http://www.developpez.net/forums/d91...erriere-image/
http://www.developpez.net/forums/d63...-arriere-plan/
http://www.developpez.net/forums/d66...flash-p-image/
http://www.developpez.net/forums/d49...-dessus-image/
http://www.developpez.net/forums/d24...nt-devant-swf/
http://www.developpez.net/forums/d24...-arriere-plan/

Etc ..

[koKoTis]

Merci beaucoup

J'ai donc ajouter:

Code :

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

Dans la balise objet de ma vidéo, mais la vidéo reste en premier plan.

Voici mon code:

Code :

      <object width="480" height="385"><param name="wmode" value="opaque" /></param><param name="movie" value="http://www.youtube.com/p/CFF4644CF545A632?hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/p/CFF4644CF545A632?hl=fr_FR&fs=1" type="application/x-shockwave-flash" width="480" height="385" allowscriptaccess="always" allowfullscreen="true"></embed></object></div></td>

[Bisûnûrs]

Je viens aussi de voir que tu as une hauteur fixe height:100px à ton Layer1. Seulement son contenu est plus grand, donc dépasse. C'est cette partie là qui est masqué. Rajoute des pixels à la hauteur de ton Layer1.

[koKoTis]

Merci encore, maintenant tout va bien