Oeuvre All American 6651 Posts user info edit post |
So this is what I have:
<div> <div><img src="some image"></div> <div>[flash]</div> </div>
The some image has a rollover and it populates a sub menu (html/css based) that appears behind the flash but I want those menus to appear in front of the flash. I've tried messing with the z-index's of the two inner divs but no luck.
Any clues?
[Edited on April 21, 2008 at 12:40 PM. Reason : .]4/21/2008 12:39:53 PM |
TreeTwista10 minisoldr 148450 Posts user info edit post |
not sure, i use a program called SWF Quicken which gives a decent visual interface for arranging your layers order, timing, etc...saves everything as a SWF file 4/21/2008 12:47:43 PM |
Oeuvre All American 6651 Posts user info edit post |
not good for search engines though 4/21/2008 12:59:47 PM |
TreeTwista10 minisoldr 148450 Posts user info edit post |
maybe not i dunno, but its great if you have some existing flash files on a website but just want to change the main artwork in them
probably not applicable to your situation but a handy application to have anyway if you do a lot with flash 4/21/2008 1:04:52 PM |
DirtyMonkey All American 4269 Posts user info edit post |
i have no idea if this will work, but you might try changing the order of the two inner divs and use some absolute positioning to keep the flash below the image. 4/21/2008 1:07:57 PM |
Oeuvre All American 6651 Posts user info edit post |
it's got something to do with flash... before that flash piece was just an image. We just made a very simple app that animates and replaced the image...
Before the navigation worked (when the lower piece was an image) but now that it's an swf... it goes behind it. 4/21/2008 1:09:43 PM |
DirtyMonkey All American 4269 Posts user info edit post |
hmm, refer to this thread: http://www.sitepoint.com/forums/printthread.php?t=158317 4/21/2008 1:14:13 PM |
Golovko All American 27023 Posts user info edit post |
you cannot make a div appear above flash in any browser except Safari. FF does it half ass.
what you can do is write a javascript function that looks for any objects on the page like flash and hides them while the menu is open then makes them visible when the menu is closed.
this is a flash issue because flash likes to be above everything else.
[Edited on April 21, 2008 at 1:31 PM. Reason : .] 4/21/2008 1:30:33 PM |
qntmfred retired 40726 Posts user info edit post |
i hate how any page with flash takes over my keyboard and i can't ctrl+tab between browser tabs
[Edited on April 21, 2008 at 1:39 PM. Reason : loathe] 4/21/2008 1:38:28 PM |
stowaway All American 11770 Posts user info edit post |
been through this recently on a new site for work. Sucked ass that I spent forever trying to find a workaround and then just said screw it and put some filler text that could have been below the flash gallery above it instead. 4/21/2008 1:59:35 PM |
Oeuvre All American 6651 Posts user info edit post |
http://code.google.com/p/swfobject/
This solved my problem, FYI for anyone else having these issues. 4/22/2008 2:46:36 PM |
JBaz All American 16764 Posts user info edit post |
swfobject has saved my websites with flash a number of times. to use flash with css rollovers, you'd still have to use z-index. Just define the z-index in the main css file so everything index's correctly, then set the param variable "wmode" to "transparent" for the flash file. 4/22/2008 11:04:32 PM |