z-index problems in IE
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 :
click on the product to enlarge.
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.
2.For other browsers, set wmode=”transparent” in the embed tag
<PARAM NAME="WMODE" VALUE="transparent">
Now Your z-index rule will work :)
YEEESSSS! it works. Thanks Jacek :D