z-index problems in IE

This site is best viewed in a modern browser with JavaScript enabled.

olaand

Hi,
I have some problems with a flashbanner (see screenshot) interfering with the fancybox product lightbox background in my shopping cart. Some of the flash is running on top of the edges of the lightbox. It only occurs in IE. I have tried to sort it by adding a z-index="0" to the flash script but it hasn't helped.

using IE to recreate go to :

http://www.barcodebonanza.co.uk/prod...SCAN-D131.html

click on the product to enlarge.

Thanks

jeznacki13

By default, the Flash plugin will do a weird thing. Instead of being displayed inside the browser, it actually makes a new window on top of the browser which synchronises it’s position with where you’d expect the flash should be. (In real it's a bit more complicated )

The solution is simple. With an extra parameter, you can force the flash to render in a different window mode.

1.Set wmode=transparent by adding a parameter as follows for it to work in IE.


<PARAM NAME="WMODE" VALUE="transparent">

2.For other browsers, set wmode=”transparent” in the embed tag


wmode="transparent"

Now Your z-index rule will work

Jacek Jeznach
Web developer

olaand

YEEESSSS! it works. Thanks Jacek