Flash and css z-index issues

Content
1

Hello folks. First time dropping by the flash category… :blush:

I am so new to flash it hurts… I killed half a days work on animating my site’s logo, just to crash head first into some compatibility issues after publishing. Hoping you can help me out.

First of all, I am having problems positioning the embedded flash banner with z-index (testing under safari). The problem is that I have a navigational element that overlaps the logo on small screen sizes. When a normal image is there, all is good, the image is in the back, the tabs on the front… Not so with flash. :goof:

Here is the page where I already have the flash element published in the logo:
http://www.replicaexpert.us/home.php

If you switch to 1024x800 you will see the overlap of the image and tabs.

Here is the page where I still have a static image of the logo, so you can see the idea of how it was before flash…
http://www.replicaexpert.us/

Thankfully this only applies to small screen sizes, but nevertheless, I’m shocked that flash won’t play by css rules…

Is there any way to fix this??? I have already tried suggested wmode transparency, but it didn’t seem to have any results. I may have been doing it wrong.

I will gladly even post my .fla file so that you can see what is going on (used flash cs5): http://www.replicaexpert.us/skin1/images/flashlogosecret.fla

The second issue is that I can’t get the banner to open _self, even though I have set this in the actionscript. The banner always opens a new window, and it is really annoying.

Such small issues, yet so annoying that I’m about to throw the whole idea of a flash logo out the window… Hope you guys can help. Thank you. :cool:

2

Try adding type=“application/x-shockwave-flash” and data=“[URL to flash”] In your object tag.

3

Hmm… Well, that did do something! Now I’m getting a dot…dot…dot in place of the object… I’m guessing it isn’t loading now?

4

Might it be related to this error I get during bugtesting:

TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::SimpleButton@177fee81 to fl.controls.Button.
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
at flash.display::MovieClip()
at Flashlogo_fla::MainTimeline()[Flashlogo_fla.MainTimeline::MainTimeline:9]

2 UPDATES: 1) The dot…dot…dot loading is only present in safari and google chrome. IE and FireFox are loading the movie fine. However, only FireFox is positioning Flash properly under.

As a recap, that’s
FireFox: Perfect on Windows and Mac.
IE7: Loads, but no z-index.
IE 8: Loads, but no z-index.
Opera: Loads, but no z-index. Flash doesn’t load on mac.
Safari: Loads, but no z-index. Flash doesn’t load on mac
Google: Perfect on Windows. Flash doesn’t load on mac.

… any help please? :frowning:

5

testing under safari

Ahh, yes, the infamous flash bug in Window’s Safari. Your problem is that your Flash player isn’t updated. Update to the newest version and your problem is fixed.