SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem With Z-Index

    I have a page that uses Simple Modal by Eric Martin, and also has a Flash object and an embedded YouTube video iframe on the same page. When I test the page in Safari it works great, but in IE8, IE9, and IE10 the z-index seems to be not working well. The problem is that the modal window lays underneath the Flash and video. The Flash object and YouTube embed are set to a z-index of less than 100, and the Simple Modal is set to over one thousand. Why would the Simple Modal lay behind those other two objects?

    Can someone help me out?

    LINK-
    http://www.lakefrontestates.net/index.modal.html

    Thanks in advance,

    Todd
    Todd Temple > T2 Design

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Add wmode="opaque" to the flash. A simple google will show hundreds of like threads.

  3. #3
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,534
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    It looks like it would be helpful to read a bit about positioning and z-indexes in particular:

    http://www.sitepoint.com/forums/show...=1#post5552602

    and the post following it.

  4. #4
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks to everyones input. The fix was as follows:

    - adding <param name="wmode" value="opaque" /> to the Flash object

    and

    - adding &amp;wmode=opaque to the end of my YouTube iframe src
    Todd Temple > T2 Design

  5. #5
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Todd Temple View Post
    Thanks to everyones input. The fix was as follows:

    - adding to the Flash object

    and

    - adding &wmode=opaque to the end of my YouTube iframe src
    wmode transparent will work to but opaque is better if you can use it. Less computing or something don't remember exactly without a google.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •