Solved

flash z index

Posted on 2011-02-14
3
215 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Embedding Tags in a restricted UI 6 53
Text color and background in a text box. 2 35
center div inside another div 2 29
Page link not showing on Mobile Device 3 42
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

739 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