PDA

View Full Version : Positioning CSS over Flash content



ksduded
Oct 2nd, 2009, 09:43 PM
I am using a flash video player and I want to draw a border around only part of it.

Its a rectangle of 710 x277 ... but I want to have a div over it with only white border and width 500 x 277.

i have tried this


<div id='player1' style="z-index:410;">
<div style="display:block;float:left;border:1px solid #CCCCCC;z-index:411;width:500px;height:277px;position:absolute;"></div>
</div>

The id player1 calls the jw flash player.

CaptainB
Oct 2nd, 2009, 10:17 PM
I think you need to add some position attribute to your 'palyer1'-div in order to make it respect the set z-index. Other than that, this might help you:
http://robertnyman.com/2007/01/29/how-to-put-an-html-element-on-top-of-a-flash-movie/

Avril
Oct 3rd, 2009, 10:04 PM
A Flash animation will layer on top of all other layers by default. If you are creating the Flash movie, add the border on top of the animation layer when you create it (see this: http://artsenses.co.uk). I placed the semi-transparent frame on the top layer of the slideshow. The usual way of showing css styled html on top of Flash is to add <param name="wmode" value="transparent"> to your flash's object classid and wmode="transparent" to your object type. But I have not tried this for just a div with a border yet!