tags:

views:

201

answers:

1
+1  Q: 

flash overlay snagging on underlying divs

Hiya!

Has anyone come across this before and know a solution?

I'm using Shadowbox to overlay a flash file on my page, but the movement within the flash file causes it to break or "shear" where the movie comes across the divs in the HTML hidden below.

The screenshot shows it far better than I could explain ;)

If you move the mouse, or tap the keyboard to "focus" the screen back on the flash it all works seamlessly. Interestingly this seems worse in Firefox than the other browsers.

All help much appreciated :D

Flash error image

+1  A: 

I'm assuming the Z-Index of your flash object is set to be higher than that of the divs below. Am I correct?

Also, what value are you using for the wmode parameter you're passing to the flash object tag (or embed)?

You should take a look at:

http://kb2.adobe.com/cps/127/tn_12701.html

Lior Cohen  2009-07-24 16:40:04
Hiya, yeah the settings are as follows. Basically - transparent and slightly seethrough onto the content below.Flashwmode=transparentShadowboxbgcolor:#FFFFFF at 60% opacity
hfidgen  2009-07-27 09:56:10
What about the Z-index?
Lior Cohen  2009-07-27 11:03:55
Hiya, I've worked it out I think, although I don't have an easy answer. In Firefox, which was always the main culprit, if the underlaying divs have "overflow:hidden" or "overflow:auto" then that causes the bug. If you remove these CSS properties, the problem is resolved.All other browsers work ok, no matter what.Now I need to work out how I can get rid of my overflows without breaking my div layout :P
hfidgen  2009-07-28 11:23:35
Appears to be related to this bug - either need to abandon wmode:transparent, remove all "overflow" css statements or do dodgy stuff with javascript.
hfidgen  2009-07-28 11:43:42

related questions

Any way to have an ActionScript 3 (Flex/AIR) project print to standard output?
How can I make flash cs3, actionscript send events to javascript?
Large File Download
3.1 or 5.1 audio in Flash
Drawing a custom label on a pie chart in Yahoo's Flash Library ASTRA
How do you use a flash object as a link?
Is there a way to render svg data in a swf at runtime?
How can I resize a swf during runtime to have the browser create html scrollbars?
What does this javascript error mean? Permission denied to call method to Location.toString
Flash designer/coder collaboration best practices
FLVPlayback component memory issues
Create an EXE from a SWF using Flex 3 without requiring AIR?
Is there some way to show HTML content inside Flash?
FOSS tools for Flash development
Silverlight vs Flex
Best Practices for AS3 XML Parsing
How do I call a Flex SWF from a remote domain using Flash (AS3) ?
ActionScript 3.0 sockets can't reconnect
What are the options for delivering Flash video?
Best practices for building Flash video player
How to make a Flash movie with a transparent background
What are effective options for embedding video in an ASP.NET web site?
What are the best solutions for flash charts and graphs?
Best way to learn Flash?
Displaying Flash content in a C# WinForms application