I have been working on fixing this bug for a few days and despite my efforts after reading like posts here and on other sites, I have not been able to fix it.
I have set the z-index of the swf layer and the menu, 1 and 5 respectively. Still not working properly in FF & IE browsers on Windows.
If anyone can spare a moment to help me understand what I missed or where I have gone wrong with it I would greatly appreciate it.
So, is there a way to set the z-index? I have a site that has the SWF file layered below the horizontal nav which is done in JavaScript. When I apply the SWFObject code to the HTML page, the SWF file covers the nav. Without the SWFObject code, the horizontal nav shows up just fine. My sample page is at http://www.westargrouponline.com/Splash2.html. It doesn't help when I assign the nav layers with higher z-index values. Err! Is there a fix for this???
Okay, I can post the question on the Adobe Flash forum, but I found this thread and I thought my question fit here. Sorry if I posted a question where it didn't fit. Is there another forum, aside from the Adobe site, where my question is appropriate? I am sort of new to forums on Flash because in the last year I just started learning ActionScript. Please let me know where I can post to get the appropriate replies. Are you on the Adobe Flash forums at all? I can't remember if I have seen you there or not. You seem to be very knowledgable and I would really like your feedback. I do appreciate your quick reply to my post too.
no worries... what i meant was: implement SWFObject on your page! you're not using it, and it generally will make your life easier. :)
and if you DO start using SWFObject, you can follow the examples I provided in the previous link.
your page works in Firefox but not in IE. i think the reason you're having problems is that your <object> and <embed> code don't match. swfobject takes care of that stuff for you, so you have less to worry about.
give it a shot... - philip
PS - the best actionscript forums (in my opinion) are at actionscript.org and kirupa.com.
It works fine to correct that annoying flash box in IE, but now I can't see my menu. Err! I thought this was going to be my simple fix. On this page I moved the menu over to the right so you can see that it is there under the SWF. It looks the same in all browsers. Is there a fix for the z-index so I can bring the JS menu to the front layer where it is supposed to be?
does not have the SWFObject implemented. However, the menu shows up here. Apparently, that SWFObject is interfering with the z-indexes in my <div> tags. Any fix please?
Is it possible to adjust the "flashcontent" <div> container of the with styles and still have it work the same? At the URL below, I have messed the SWFObject up by adding styles to the <div> tags. My intent was to adjust the positioning, width, height, and background color of the "flashcontent" <div>. Apparently it wont work the way I have tried it. Is there a way to adjust those features with styles? If not, is there another method that I can use to position the "flashconent" <div> on top of the background image and adjust the width, length and background color of the text? I appreciate any feedback on this.
i'm using overlib js for my site that also has menu possibilities and had same problems with z-index of SWFObject (if that's problem at all). the solution was simple (thanks to philip and his examples). the overlib needs this in body:
but z-index is initialy 1, so change it to 2 or something higher then the one used in code below:
<div id="testid" z-index="1"> missing flash player </div> <script type="text/javascript"> var so=new SWFObject("test.swf","test","180","60","6"); so.addParam("wmode","opaque"); // this is essential !!! so.write("testid"); </script>
hi. i am having a similar problem, but have found no where online documneting this or suggesting a fix. I have 2 swfs on the same page. We are trying to call javascript to swap zindexs but can not on swfs embedded using swfobject. Swfobject apparently is picking on e of these to put on top, and we have no control over this. we have wmode set. we tried changing zindex on the containing div and using the id defined in the swfobject call to no avail. what is happening here? is there a way to manipulate zindex using javascript when usin swfobject?