Jeffrey T. Kastner
  • Home
  • About
  • Website Design
  • Weebly Themes
  • Facebook Tabs
  • Blog
  • Contact
  • Guestbook
Find me here:

The iFrame 'z-index' fix

6/7/2012

0 Comments

 

I've noticed an issue with iFrames, the z-index (the order from front to back) of an iFrame seams to force Youtube videos to cover up the drop down menu in your navigation as well as cause some problems deleting Weebly elements and today it seams also the list of 'Draft' Blog Posts on my Weebly Blog.



EXAMPLE
Picture
 The original code: 
 <iframe width="596" height="490" src="http://www.youtube.com/embed/Z6iqVxaALas" frameborder="0" allowfullscreen></iframe> 

To fix this add the following  to the end of the URL of the video:

?wmode=transparent

The new code:
  <iframe width="596" height="490" src="http://www.youtube.com/embed/Z6iqVxaALas?wmode=transparent" frameborder="0" allowfullscreen></iframe>


The final product,


That's it..... it's that easy!!


0 Comments

Your comment will be posted after it is approved.


Leave a Reply.

    By: Jeffrey T. Kastner
    Web Log

    Blatherings

    All
    Music Review
    Random
    Recipes
    Weebly


    By Date

    October 2020
    September 2020
    May 2019
    January 2019
    October 2018
    March 2018
    February 2018
    September 2017
    July 2017
    May 2017
    August 2016
    June 2016
    January 2016
    July 2015
    June 2015
    May 2015
    April 2015
    January 2015
    September 2014
    August 2014
    July 2014
    June 2014
    May 2014
    April 2014
    March 2014
    January 2014
    December 2013
    October 2013
    August 2013
    June 2013
    May 2013
    March 2013
    January 2013
    November 2012
    August 2012
    June 2012
    May 2012
    April 2012
    February 2012
    August 2011

    Jeffrey T. Kastner


    Enter your email to receive updates:





    RSS Feed


    Web hosting

    US - Avast!

    The Easiest Way to Create a Website. Weebly.com



© 2013 Copyright  All Rights Reserved. By: Jeffrey T. Kastner
Top [Terms Of Service] [Privacy] Contact

Search...