Today i add a video in one of my client web site and i realise that the drop down menu was disappearing below the video.
The video embedding code was:
<object height=”340″ width=”560″>
<param name=”movie” value=”URL-VIDEO”>
<param name=”allowFullScreen” value=”true”>
<param name=”wmode” value=”opaque”>
<param name=”allowscriptaccess” value=”always”><embed src=”URL-VIDEO” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” height=”WIDTH” width=”HEIGH”>
</object>
I realise that was a Z-INDEX issue (more info on z-index), i did check on the web for few solution.
First solution that i found was:
SWFObject, Flash and the z-index
This solution suggest to:
- Set wmode=”opaque” combined with positioning
- Wrap the object with a div
with position: relative and set the objectposition: absolute.
CODE
#wrapper { position: relative; }
#overlay { position: absolute; }
-----
<script type="text/javascript">
var flashvars = {};
var params = { wmode: "opaque" };
var attributes = {};
swfobject.embedSWF("video.swf", "flash", "width", "height", "7",
"expressinstall.swf", flashvars, params, attributes);
</script>
-----
<object id="flashcontent" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<param name="movie" value="movie.swf" />
<param name="wmode" value="opaque" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="video.swf" width="550" height="400">
<param name="wmode" value="opaque" />
<!--<![endif]-->
<p>Please update your Flash Player</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
Popularity: 5% [?]
Thanks a lot, just had the same bug, I was about to destroy something!!!
Thank you for comment for any other question let me know.
Leo
Hey there, interesting site, just wondering what spam blocker system you have on your site for cleaning up comments since I am getting lots on my site.
Hi,
I’m using the Default on of Wordpress -> Akismet (http://akismet.com/)
Yo activate it you have to sign up on wordpress.org and get the API KEY..
Let me know..
Leo
This is easier and surely gives comfort to internet users. Thanks for sharing. Post like this offers great benefit. Thank you!..
This was extremely tough to find there was a lot of crap entries on this I am excited I finally stumbledupon a entry worthy of becoming under this search. Great stuff bookmarking because I’ve a feeling several posts on here will benefit other questions I have faster then searching google.
My pleasure
Geile Webpage. Nice!
It’s very interesting what the person wrote above, but I can not agree with this …
Excellent website, mate! Embed Video/Flash Z-index Issue : Leosquarez – Website Design and Development is basically a thing. We are introducing my own quickly and i also will certainly replicate parts of your own house, legally obviously
Hello I am so happy I found your site, I really found you by accident, while I was browsing on Yahoo for something else, Regardless I am here now and would just like to say many thanks for a marvelous post and a all round enjoyable blog (I also love the theme/design), I don’t have time to browse it all at the moment but I have book-marked it and also added your RSS feeds, so when I have time I will be back to read a great deal more, Please do keep up the great job.
Everyone wants to have a warm winter, and the Woolrich Arctic Parka designer house can meets your needs. In Detail style made Woolrich Jackets should be the sophisticated recommendations for ladies which would offer ladies on the Woolrich Arctic Parka very warm and comfortable. Such kinds designed Woolrich Parka jackets are featured with fur trims decorations at cuffs and neck which deliver the Woolrich Jassen more sophisticated and decent for ladies. Ladies would be in very womanly appearance on the nice Woolrich Outlet for any situation. Why not get the sophisticated outwears from the Woolrich Online store with 63% Off.
?
very good post, i certainly love this website, keep on it
Can I simply say what a relief to find someone who truly knows what they’re talking about on the internet.
Rarely do I encounter a blog that’s both educated and entertaining, and let me tell you, you’ve hit the nail on the head. Your idea is outstanding; the issue is something that not enough people are speaking intelligently about. I am very satisfied that I stumbled across this in my search for something referring to this.
I was very pleased to find this website. I wanted to thank you for your time for this wonderful post!! I definitely enjoy reading it and I have you bookmarked to check out new stuff you blog post.
This really answered my problem, thank you!
An interesting dialogue is worth a comment. I think that you must write extra on this subject, it won’t be a taboo topic but typically individuals are not brave enough to talk on such topics. To the next. Cheers
Nice post. I learn something more challenging on different blogs everyday. Thanks for sharing.