Position: absolute a div over Flash

Question

Is it possible to position: absolute a <div /> over a Flash banner without adding wmode="transparent" to the banner?

I have a lightbox that needs to appear above my ads but I can't directly modify the banners as they come from a third party.

Edit: The problem mainly occurs in IE where the Flash banner is shown above the lightbox.

score 3 · Accepted Answer · answered May 08 '10 at 12:31

3

No it's not but you can just hide the banners when the lightbox is active.

answered May 08 '10 at 12:31

vise

12,713
11
52
64

This was my last-resort. Thanks for answering. For what it's worth, setting `visibility: hidden` on the Flash will stop your page jumping around like `display: none` would. – Sam May 08 '10 at 13:09

score 1 · Answer 2 · answered May 08 '10 at 12:27

1

I am afraid no, if this was the case, we wold not have resorted to wmode="transparent", but i hope there is a way around it.

answered May 08 '10 at 12:27

Sarfraz

377,238
77
533
578

Yeah, that's what I was afraid of. – Sam May 08 '10 at 12:30

score 0 · Answer 3 · edited Jul 20 '12 at 15:14

0

try

wmode="opaque"

i think this will allow html div to be displayed over flash. It works for me many times but it behaves differently in different browsers.

edited Jul 20 '12 at 15:14

gion_13

41,171
10
96
108

answered May 08 '10 at 12:33

Prashant Lakhlani

5,758
5
25
39

I can't directly access the Flash code - it comes from a third party. – Sam May 08 '10 at 12:35
thanks for -1, you can modify object or embed tag using DOM, isn't it? – Prashant Lakhlani May 08 '10 at 12:52
2

You can't dynamically set wmode on object / embed tags. It's only read when the Flash is initialised. – Sam May 08 '10 at 13:06

score 0 · Answer 4 · answered May 08 '10 at 12:51

I haven't tested this, but you could try the iFrame hack you would apply for IE to show an absolute div over a select element. It consists of dynamically (or even hard-coded, why not) creating an iFrame container that you position above the Flash (in your case) with the lightbox content inside it.

Someone correct me if they tested and does not apply here, but even if it does, I wouldn't recommend it unless it's a life or death situation.

score 0 · Answer 5 · answered Jul 06 '11 at 07:50

0

set the wmode="transparent" attrobute using javascript ??

Jquery

$(document).ready(function() {  
    $('.flash_container embed').attr('wmode', 'transparent');  
});

answered Jul 06 '11 at 07:50

Atif

10,623
20
63
96

Position: absolute a div over Flash

5 Answers5

Linked