Drawar Thread: css / overlaying SWF

css / overlaying SWF

Griffith — Wed, 19 Nov 2008 04:56:17

I did a few things to fix it:

In the object tag add inline css or a class/id with the following definitions:

position:absolute; z-index:0;

And in the embed tag add the wmode="opaque" code:

<embed height="269" width="770" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="swf/header.swf" wmode="opaque" />

That fixed the problem on my browser.

You should change the code on your lightbox though, because when the window isn't high enough you can't see the close button. This is specially noticeable in laptops. Oh, and adding a z-index:10 or so on it wouldn't do any harm...

css / overlaying SWF

diegooriani — Sat, 28 Jun 2008 15:41:23

Guys, you will not believe. Now I am having the same problem I had in the IE on Firefox 3. The worst is that the tag
<param name="wmode" value="opaque" /> is not working for it.

Check this out.

css / overlaying SWF

diegooriani — Fri, 22 Feb 2008 20:40:00

Ohhhhh sweet. That was a goal!

Thank you trevorlee_nc, you saved me a hell lot of time. Now I can focusses in the animations :D

css / overlaying SWF

trevorlee_nc — Thu, 21 Feb 2008 23:27:23

I think this was the winning ticket:

<param name="wmode" value="opaque" />

css / overlaying SWF

trevorlee_nc — Thu, 21 Feb 2008 23:18:18

I ran into something "similar" not too long ago...maybe poking around my stuff can help, but if I recall I had to do some playing with z-index's and wmode opaque on the swf object...doesn't work in IE6 though

here is the site I'm talking about: http://www.amjam.net/

css / overlaying SWF

Mike — Thu, 21 Feb 2008 22:35:52

Everything works and looks great for me in Safari Diego, just throwing that out there.

css / overlaying SWF

diegooriani — Thu, 21 Feb 2008 20:31:59

Hi,

I am having problems displaying my website over the IE.

Right now I am using the multibox (phatfusion/Javascript) to display my works.

Basically the SWF overlays the cointainer from the multibox on IE. I was able to fix this problem in the Mozilla changing the css from postion: absolute; to position: fixed;

.MultiBoxContainer { position: fixed; border: 20px solid #000; background-color: #FFF; display: none; z-index: 2; }

To understand better what I mean you can try to display the website in IE and Mozilla.
http://www.diegooriani.com/test_doc.htm

Someone told me that IE doesn't support position: fixed; but if I take this out I will have the same problem on Mozilla as well.

Cheers,
Diego