IE z-index werkt niet
Ik heb een menu dat een dropdown menu is, onder die dropdown menu
zit een embedded flashfilmpje
Zoals je ziet heb ik z-index op -1 gezet
Voor de rest heb ik alle elementen van de dropdown menu op z-index: 1 gezet
Het werkt op chrome en firefox behalve ie.
Ziet iemand wat ik vergeten ben?
Toevoeging op 28/04/2013 15:23:32:
Offtopic: Ik heb de code tussen php gezet (in deze post dan) want ik weet niet hoe je dat voor html doet
zit een embedded flashfilmpje
Code (php)
1
2
3
4
5
2
3
4
5
<?php
<div id="flash_player" style="z-index:-1;">
<embed style="z-index:-1;" src="images/flashfilm2.swf"></embed>
</div>
?>
<div id="flash_player" style="z-index:-1;">
<embed style="z-index:-1;" src="images/flashfilm2.swf"></embed>
</div>
?>
Zoals je ziet heb ik z-index op -1 gezet
Voor de rest heb ik alle elementen van de dropdown menu op z-index: 1 gezet
Het werkt op chrome en firefox behalve ie.
Ziet iemand wat ik vergeten ben?
Toevoeging op 28/04/2013 15:23:32:
Offtopic: Ik heb de code tussen php gezet (in deze post dan) want ik weet niet hoe je dat voor html doet
Komt je flash object is niet compleet je mist de wmode zie http://chromicdesign.com/2009/03/floating-div-above-embedded-flash-object.html voor een correcte flash object.
Probeer de divs ook eens een position te geven, die is namelijk nodig om z-index te laten werken.
Klopt ik heb het nu zo
Werkt die wel
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<?php
<div id="flash_player">
<object wmode="transparent">
<param name="movie" value="images/flashfilm2.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/flashfilm2.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
?>
<div id="flash_player">
<object wmode="transparent">
<param name="movie" value="images/flashfilm2.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="images/flashfilm2.swf" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div>
?>
Werkt die wel




