I’m in the final stages of completing my website. I want to insert a Flash based menu, however its going to require being placed "under" another floating div. The floating div #ribbon is going to be on top of the floating div #menu. Also to keep things simple, I set the menu with the same dimensions and rules as its #branding_container div.
Now I’ve heard of using z-index, but when I tried it the divs that were stacked seemed to flicker and exchange places when I viewed the site with Firefox…
Z-index should work to get a div on top of a flash file. There are somethings that could cause it to fail. Mostly it’s transparencies. If anything in the div has any kind of transparency, it will automatically be kicked behind the flash.
When you said it was "under" the flash, I thought you meant layered under. "Below" probably would have been more helpful.
Anyway. Put the ribbon div first. The flash file is blocked and clears itself so the ribbon div floats below it. So put it first and if the flash is above it still, THEN use z-index. Or if you want you can just put a negative top margin on the ribbon div and it’ll move to the top. 26px should be exact.
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".