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 e from a third party.

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

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 e from a third party.

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

• javascript
• css
• flash
• internet-explorer
• xhtml

Share Improve this question Follow edited May 8, 2010 at 12:39 Sam asked May 8, 2010 at 12:25 SamSam 4,4871111 gold badges4444 silver badges5959 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

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

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.

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 remend it unless it's a life or death situation.

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

Jquery

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

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.