Link to home
Start Free TrialLog in
Avatar of MuhammadAdil
MuhammadAdilFlag for Pakistan

asked on

My Ajax modal popup hides behind my flash player.

Hi Experts,
                    I have a page on which there is a flash player. On same page, i have a modal popup also. When modal popup opens it hides behind the player. Any suggession?

Thanks in advance for your precious time.
Avatar of joriszwaenepoel
joriszwaenepoel
Flag of Belgium image

Have you tried modifying the z-index for the modal popup?
A higher value brings a block (for eaxmple yout popup) to the foreground of blocks with lower values.
If your control has a higher z-index then the flash-player, it will be in front of it.



Avatar of MuhammadAdil

ASKER

Thanks for your time, I have tried it. But unfortunately, i can't get desired result. I have give the tab index to my player "-1" and my popup "9999".

Can you suggest some different thing. Thanks for quick response
It's not the "tab index, but the "z-index".

You can set the z-index using the style-attribute or in CSS, for example:

<div style="z-index:100">   </div>
very sorry, actually i have mistakenly written "tab index". Actually i have set the z-index.

Thanks again for spontaneous response
ASKER CERTIFIED SOLUTION
Avatar of vibrazy
vibrazy
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Hi,

May be i am not completely explain my scenario. I have a master page on which i have modal popup that opens up when user click on link button. And on a page i have a flash player that play a video file. On this page when I open the pop up, it hides behind the flash player. So please help how can I do that. I have try z-index and wmmode but failed to get positive result.

Regards
Adil Fazal
Hi Adil ,

Have you got a url where we can have a look at what its happening.

Regards,
Vibrazy
Yes,

Thanks, I have solved my issue using your suggested solution wmode="opaque".  I use this directly in embed tag.

Cheers

Adil Fazal