I have a ModalPopupExtender implemented as a user control. On my pages there is a leaderboard ad unit that sometimes contains Flash objects. Also, sometimes there are YouTube videos embedded on the page. My ModalPop is layered underneath both of these
objects and they aren't "disabled" when the ModalPopup is active.
I have tried setting the z-index of the <div> that acts as the container element for the Flash ad units and the YouTube videos. It hasn't made a difference.
Don't define the z-index of modalpopup panel, it will be "1000X" as default. So please define the z-index of this object to "10020". That means you need set the object to position=absolute.
But you can just put the object into the modalpopup panel without touching z-index. If it is still behind the panel , you can set a panel with position=relative to wrap the object.
If you have any feedback about my replies, please contact msdnmg@microsoft.com
Marked as answer by Vince Xu - MSFT on Feb 18, 2010 11:44 PM
SteveInTN
Member
35 Points
49 Posts
ModalPopup layering behind Flash/Video (embed)
Feb 12, 2010 02:21 PM|LINK
I have a ModalPopupExtender implemented as a user control. On my pages there is a leaderboard ad unit that sometimes contains Flash objects. Also, sometimes there are YouTube videos embedded on the page. My ModalPop is layered underneath both of these objects and they aren't "disabled" when the ModalPopup is active.
I have tried setting the z-index of the <div> that acts as the container element for the Flash ad units and the YouTube videos. It hasn't made a difference.
Any advice?
Thanks,
Steve
Vince Xu - M...
All-Star
80367 Points
6801 Posts
Re: ModalPopup layering behind Flash/Video (embed)
Feb 15, 2010 05:32 AM|LINK
Hi,
Don't define the z-index of modalpopup panel, it will be "1000X" as default. So please define the z-index of this object to "10020". That means you need set the object to position=absolute.
But you can just put the object into the modalpopup panel without touching z-index. If it is still behind the panel , you can set a panel with position=relative to wrap the object.
SteveInTN
Member
35 Points
49 Posts
Re: ModalPopup layering behind Flash/Video (embed)
Feb 15, 2010 01:53 PM|LINK
Thanks for the repy Vince.
Actually, I did find the resolution. I had to add the following to parameters to the <object> tag
<param name='wmode' value='transparent'>
<param name=menu value='false'>
and the following property to the <embed> tag
wmode="transparent"
That did the trick!
KeyurPatel
Member
10 Points
6 Posts
Re: ModalPopup layering behind Flash/Video (embed)
Dec 18, 2010 12:38 PM|LINK
It works perfectly fine for me in IE7,Firefox, Chrome
<div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> <object width="160" height="600"></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> <param name="wmode" value="transparent" /> </div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> <param name="movie" value="../Flash SWFs/ArchiSkyScrapperOrange.swf" /></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> <embed src="../Flash SWFs/ArchiSkyScrapperOrange.swf" width="160" height="600" wmode="transparent" ></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> </embed></div> <div style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;" id="_mcePaste"> </object></div><object width="160" height="600">
<param name="wmode" value="transparent" />
<param name="movie" value="../Flash SWFs/ArchiSkyScrapperOrange.swf" />
<embed src="../Flash SWFs/ArchiSkyScrapperOrange.swf" width="160" height="600" wmode="transparent" >
</embed>
</object>