I'm having an issue with a drop-down menu. When it expands it hides behind a video content. It happens just on one page and works fine anywhere else. Anyone have an idea why that might be happening?
Flash content renders by default outside the browser window's stacking content for efficiency, so no amount of z-indexing will ever fix this problem.
No fear, the answer lies in the Flash itself. Set the param 'wmode' to 'opaque' and this should fix itself. IIRC, you can also use 'transparent' if your flash content is transparent.
Also note that you really don't need to set z-index to values that high. Normally 2 is an appropriate value (walk it up one by one if you need to do this). What if you have a lightbox-style arrangement on your page, that's going to have to sit in front of the menu, so its z-index will be at least 10000! Madness.
Unfortunately this is not the case. When I set the wmode to opaque or transparent, the content is automatically deleted from html. When I add it back to html manually and publish the content, it is deleted again. I also tried the z-index just in case, but this is not the case either. Any more suggestions?
Can you clarify what you mean by 'automatically deleted from html'? Is it present in the page source? If you examine it with a tool like firebug, is it not present there?
If it's present in the source code and not in the DOM (i.e. visible in HTML with a tool like firebug), it indicates that you've probably got a syntax error in the change you've made.
How are you embedding your flash content? Can you post the HTML you were a) using before and b) is not working now
You need to edit your macro to allow you to insert this param, or find a different way of putting the video on the page.
If for whatever reason you can't do that, there's a technique posted as a response here that will at clientside cycle through every object on the page and add the tag.
Drop-down menu hides behind video content.
Hi everyone,
I'm having an issue with a drop-down menu. When it expands it hides behind a video content. It happens just on one page and works fine anywhere else. Anyone have an idea why that might be happening?
Here is a picture of what is happening.
http://imageshack.us/photo/my-images/249/dorpdown.png
Mateusz, in your css stylesheet you need to change the z-indez of your drop down menu. Somthing like
.css{position:relative; z-index:9999;}Flash content renders by default outside the browser window's stacking content for efficiency, so no amount of z-indexing will ever fix this problem.
No fear, the answer lies in the Flash itself. Set the param 'wmode' to 'opaque' and this should fix itself. IIRC, you can also use 'transparent' if your flash content is transparent.
Also note that you really don't need to set z-index to values that high. Normally 2 is an appropriate value (walk it up one by one if you need to do this). What if you have a lightbox-style arrangement on your page, that's going to have to sit in front of the menu, so its z-index will be at least 10000! Madness.
PBrack,
Unfortunately this is not the case. When I set the wmode to opaque or transparent, the content is automatically deleted from html. When I add it back to html manually and publish the content, it is deleted again. I also tried the z-index just in case, but this is not the case either. Any more suggestions?
Hi Mateusz,
Can you clarify what you mean by 'automatically deleted from html'? Is it present in the page source? If you examine it with a tool like firebug, is it not present there?
If it's present in the source code and not in the DOM (i.e. visible in HTML with a tool like firebug), it indicates that you've probably got a syntax error in the change you've made.
How are you embedding your flash content? Can you post the HTML you were a) using before and b) is not working now
Hi,
Below is my section where i apply the above property of wmode and opaque:-
<div class="umbMacroHolder" title="This is rendered content from macro" onresizestart="return false;" umbpageid="1310" umbversionid="3d1a0f96-87d0-4a53-a9a2-88decf6606e5" ismacro="true" umb_previewheight="292" umb_macroalias="videoEmbed" umb_videoheight="292" umb_videowidth="511" umb_previewwidth="511" umb_openinlightbox="1" umb_videourl="[#videoLink1]"><!-- startUmbMacro --><object width="511" height="292" data="http://vimeo.com/moogaloop.swf?clip_id=18302341" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=18302341" /><param name="allowfullscreen" value="true" /></object><!-- endUmbMacro --></div>
But unfortunately the section of <param ......> of wmode is deleted when it published everytime in umbraco content page.
You need to edit your macro to allow you to insert this param, or find a different way of putting the video on the page.
If for whatever reason you can't do that, there's a technique posted as a response here that will at clientside cycle through every object on the page and add the tag.
is working on a reply...