I have a page with two iframes -
- a background picture + an applet
- a Flash swf with WMODE set to transparent. The Flash object draws a non-rectangular shape.
Both iframes have "allowtransparency" set to "true". Positioning for both iframes is set to "absolute", and I've set up the Flash object to be on top of the applet.
In FF3 on Windows, the transparent Flash object shows up on top of the applet. However, the region overlapping the Flash object and the applet shows a rectangle that "cuts" into the applet.
This is what appears to be happening within the overlap region:
- the browser draws the background picture
- then the browser draws the Flash object
- nothing from the applet is drawn in the overlap region
In IE7 on Windows, I have to use an "iframe shim" technique (e.g. like this method ) to put Flash over the applet. In the end, I get the same problem as in FF3: Flash shows up on top of the applet, and everything except the applet shows up in the overlap region.
The only situation I managed to get this drawn correctly is on Safari running on a Mac: Flash is drawn over the applet, the applet shows up underneath, and underneath everything else is the bitmap background.
Does anyone know a way to make the applet "show through" underneath the non-rectangular Flash object? Or is this a browser/plugin/OS specific problem?