28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

Je me retrouve confronté à un problème particulier uniquement (de ce que j'ai testé) présent sur FF Windows (et pas FF mac Smiley rolleyes .

Il s'agit d'une image en position abolute et z-index supérieur passant sous un flash en mode transparent avec z-index supérieur.

Le site en question est accessible ici.

<img src="img/logo.png" alt="logo Sainte Livrade" width="160" height="139" id="logo" />

				<img src="img/ville-ste-livrade.png" alt="Ville de Sainte Livrade sur Lot" width="483" height="53" id="ville" />
				<div  id="today">Jeudi 06 janvier 2011</div>	
				<div id="flashzone">
					<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="996" height="200">
					    <param name="movie" value="uploads/flash/animation.swf" />
					    <param name="wmode" value="transparent" />
					    <!--[if !IE]>-->
					    <object type="application/x-shockwave-flash" data="uploads/flash/animation.swf" width="996" height="200">
					    <!--<![endif]-->

					     <p>Site de Sainte Livrade</p>
					    <!--[if !IE]>-->
					    </object>
					    <!--<![endif]-->
					</object>
				</div>


#logo,#ville,#flashzone,#today {
	position:absolute;
}

#logo {
	top:0;
	left:0;
	z-index:10;
}

#flashzone {
	top:60px;
	left:0;
	z-index:1;
	background-color:#B1E1FF;
	width:996px;
	height:200px;
}


Merci beaucoup pour votre aide. Smiley smile
Salut Smiley cligne
ça vient du fait qu'en l'absence du <param name="wmode"... /> (que tu as oublié de répérter
dans l'object imbriqué) Windows fait passé un élément fenêtré comme Object sur un plan indépendant et supérieur au plan HTML standard.