Solved

flash z index

Posted on 2011-02-14
3
213 Views
Last Modified: 2012-06-21
Hi Experts,

See attached screenshot, there is a flash element in a webpage and I added the wibiya toolbar.  The flash image seems to sit on top of the tool bar.  How can I fix this?

thanks,

HNM
sample.jpg
0
Comment
Question by:HelpNearMe
3 Comments
 
LVL 17

Accepted Solution

by:
deepanjandas earned 250 total points
ID: 34887642
I guess Partners in business is a single flash file embeded in page.
So this is a layer issue.
Try increasing the z-index of the div which holds the toolbar to be more than the z-index of the div with the flash object.

Also remember to avoid using wmode if at all not required in the embed tag as that often conflicts in such cases.

Warm Regards
Deepanjan Das
0
 
LVL 5

Assisted Solution

by:edchipman
edchipman earned 250 total points
ID: 34892922
Your best bet is to change the wmode to eather opaque or transparent on the param tag or embed tag depending on what method your using to add the swf to the page. By default this is window, which puts it above everything else on the page. You'll have a hard time getting z-index of the div to actually address this issue.
0
 

Author Closing Comment

by:HelpNearMe
ID: 34910691
fixed it, I used swfObject to correct it and now works great in all three browsers.  There are some alignment problems that I'll post in a new question.  thanks!
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

823 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question