molendijk
04-20-2011, 03:08 PM
We can make a div appear on top of a windowed object (applet, select-box, flash) by doing the following (iframe shim technique; just an example):
<object style="position:absolute; left:20%; top: 20%; width:60%; height: 60%" type="application/x-shockwave-flash" data="http://www.youtube.com/v/jUvcyyU7UB4?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0"><param name="movie" value="http://www.youtube.com/v/jUvcyyU7UB4?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0"><param name="allowFullScreen" value="true"><param name="wmode" value="window"><param name="flashvars" value="autoplay=1"><param name="allowNetworking" value="internal"></object>
<iframe src="" style="position:absolute; left:30%; top: 30%; width:40%; height: 30%"></iframe>
<div style="position:absolute; left:30%; top: 30%; width:40%; height: 30%; background:red;padding:10px">This is a div on top of Flash. How do I make the flash-object shine through the div?</div>
My question is: how can I make the windowed object (here: Flash) shine through the div? Opacity doesn't work.
Thanks in advance.
Arie Molendijk.
<object style="position:absolute; left:20%; top: 20%; width:60%; height: 60%" type="application/x-shockwave-flash" data="http://www.youtube.com/v/jUvcyyU7UB4?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0"><param name="movie" value="http://www.youtube.com/v/jUvcyyU7UB4?version=3&rel=0&autoplay=1&showinfo=0&start=0&autohide=0&controls=1&probably_logged_in=0"><param name="allowFullScreen" value="true"><param name="wmode" value="window"><param name="flashvars" value="autoplay=1"><param name="allowNetworking" value="internal"></object>
<iframe src="" style="position:absolute; left:30%; top: 30%; width:40%; height: 30%"></iframe>
<div style="position:absolute; left:30%; top: 30%; width:40%; height: 30%; background:red;padding:10px">This is a div on top of Flash. How do I make the flash-object shine through the div?</div>
My question is: how can I make the windowed object (here: Flash) shine through the div? Opacity doesn't work.
Thanks in advance.
Arie Molendijk.