Bonjour,
J'ai un site avec un menu déroulant Flash. En spécifiant mes Z-Index, le menu flash passe par dessus tous les éléments du site sauf un seul, une video quicktime. J'ai beau spécifier un Z-Index au quicktime, il veut rien savoir. J'ai meme essayer de le mettre dans un iframe avec du texte et la video. Le menu flash passe par dessus le texte du iframe mais sous le quicktime qui lui aussi est dans le iframe.
J'en perds mon latin comme on dit. Voici le code si vous avez une idée.
Code :
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="900" height="515" id="gallery" align="middle" class="flash">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
param name="movie" value="gallery.swf?menuName=xml/MenuFr.xml&pictureName=xml/Pictures.xml&showGallery=true&firstPicture=3" />
<embed src="gallery.swf?menuName=xml/MenuFr.xml&pictureName=xml/Pictures.xml&showGallery=true&firstPicture=3" quality="high" bgcolor="#ffffff" width="900" height="515" name="gallery" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<OBJECT classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' width="900" height="444" codebase='http://www.apple.com/qtactivex/qtplugin.cab' class="video" style="margin-left: -50px;">
<param name="src" value="360/cafe_glace.mov">
<param name="volume" value="50%">
<param name="loop" value="false">
<param name="controller" value="true">
<param name="autoplay" value="false">
<param name="type" value="video/quicktime">
<EMBED src="360/cafe_glace.mov" width="900" height="444" pluginspage='http://www.apple.com/quicktime/download/'>
</EMBED>
</OBJECT>
Et là le CSS :
Code :
.flash {
position: relative;
margin-top: 5px;
z-index:3;
}
.video {
position: relative;
margin-top: 5px;
z-index:1;
}
J'ai aussi essayé avec des divs et autre joie du genre sans plus de succès.