Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Jun 2011
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Problems with CSS layer orders in IE 7 and 8

    Hi Folks,

    I'm getting the following layer order problem with just IE 7 and 8:



    I have given each layer an ID and specified a z-index for each layer to put them in order.

    #blanket {
    background-color:#111;
    opacity: 0.85;
    filter:alpha(opacity=85);
    position:absolute;
    z-index: 1;
    top:0px;
    left:0px;
    width:100%;
    }
    #popUpDiv {
    position:absolute;
    background-color:#2fa5db;
    width:700px;
    height:320px;
    z-index: 2;
    }
    #film {
    z-index: 0;
    }

    This works fine in everything else and IE 9, but I really need to make it compatible with 7 and 8 too.

    Anyone suggest anything?

    Thanks in advance
    Last edited by alex4501; 07-25-2011 at 01:23 PM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Please post a link to your page along with the steps to recreate the issue.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts
    http://homeviewpoint.co.uk/dev/

    Its the first thing that comes up on the page

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Try
    Code:
    #film {
        z-index: 3;
    position:relative;
    }
    btw, you shouldn't use deprecated tags like <center> anymore. Also, you shouldn't use tables for making your layout.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Jun 2011
    Posts
    25
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I have tried that with no joy.

    The Film still appears above the pop up box in IE 7 and 8.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Try
    Code:
    flowplayer("player", "http://homeviewpoint.co.uk/flowplayer-3.1.5.swf",{
    								plugins: {
    							   controls: {
    								autoHide: "always"
    								wmode: "transparent"
    							  }
    					   }
    			});
    Read http://kb2.adobe.com/cps/155/tn_15523.html
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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