PHP ver gevorderde |
|
Hej,
Ik loop tegen een probleem aan. Ik heb een flashanimatie gemaakt als header.
In de header staat een balk, met een knop naar Home en een invoerveld om te zoeken.
Het menu overlapt de header ook deels.
De flashanimatie zou als achtergrond van de header moeten dienen, maar hij schuift automatisch naar voren.
Ik heb al geprobeerd om een extra div om de flashanimatie te zetten, met z-index: 0; en de balk + menu een hogere index.
Toch blijft de animatie steeds boven alles staan, wat heel vervelend is. Daardoor is het menu namelijk niet zichtbaar, en de extra balk ook niet..
/* HEADER */
#header {
position: relative;
height: 220px;
width: 100%;
margin-top: 0px;
background-image: url('images/fotos/vrouwen.jpg');
background-repeat: no-repeat;
background-color: #f3f4f5;
}
#flash {
z-index: 0;
}
#bar {
position: absolute;
top: 160px;
z-index: 2;
height: 25px;
}
<div id="header">
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" style="width: 780px; height:220px;">
<param name="movie" value="flash/header.swf" />
<param name="quality" value="high" />
<embed src="flash/header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="width: 780px; height:220px;" ></embed>
</object>
</div>
<div id="bar">
/* HEADER */ #header { position: relative; height: 220px; width: 100%; margin-top: 0px; background-image: url('images/fotos/vrouwen.jpg'); background-repeat: no-repeat; background-color: #f3f4f5; } #flash { z-index: 0; } #bar { position: absolute; top: 160px; z-index: 2; height: 25px; } <div id="header"> <div id="flash"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" style="width: 780px; height:220px;"> <param name="movie" value="flash/header.swf" /> <param name="quality" value="high" /> <embed src="flash/header.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" style="width: 780px; height:220px;" ></embed> </object> </div> <div id="bar">
Ik heb 'bar' hier niet afgesloten, maar ik sluit alles af.
|