Lotushints » flash http://www.lotushints.com Lotus Notes tips & tricks you always hoped you will not need Wed, 14 Jul 2010 06:00:04 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Absolute positioned objects hiding behind flash animation http://www.lotushints.com/2009/07/absolute-positioned-objects-hiding-behind-flash-animation/ http://www.lotushints.com/2009/07/absolute-positioned-objects-hiding-behind-flash-animation/#comments Mon, 20 Jul 2009 06:00:45 +0000 Vladimir Kocjancic http://www.lotushints.com/?p=383 Anyone dealing with HTML will or already has encountered an interesting behavior of embedded objects and absolute positioned objects. When embedded object (e.g. flash animation) is positioned over part or entire absolute positioned object, absolute position object is always displayed behind embedded one.

What to do?

A first thing that I always thought of was z-indexes. Only one problem there. Z-index doesn’t work in Internet Explorer in this case. But how can it be solved?

There is an attribute you can set for embedded objects called wmode. If this attribute contains value of transparent, you will force embedded object to display behind the absolute positioned one.

Example: 

<embed width="465" height="285"
type="application/x-shockwave-flash" src="myflashanimation.swf"
style="" name="movie_player" quality="high"
allowfullscreen="true" allowscriptaccess="always" flashvars=""
wmode="transparent" id="movie_player"/>
]]> http://www.lotushints.com/2009/07/absolute-positioned-objects-hiding-behind-flash-animation/feed/ 1