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 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with light box style overlay

    Ok Here is my situation. I have a drop down menu that runs into my flash movie. I need to set my window mode for the flash movie to either opaque or transparent. The problem with that is, when I turn my overlay on, the flash movie is now behind the over lay. The flash movie needs to be the only thing on top of the overlay. I am trying to play with z-index to make the flash movie above the overlay but its not working. Any ideas?? Here is my code/css:
    channelsswf is obviously my SWF and black/fader is my overlay.
    Code:
    <div id="mainbgholder">
      <div align="center" id="channelsswf">
        <script type="text/javascript">
            // <![CDATA[
            var so = new SWFObject("newCourse.swf", "vforum", "800", "370", "9", "#222222");
    		so.addParam("allowfullscreen", "true");
    		so.addParam("wmode","opaque");
    		so.addParam("allowScriptAccess", "always");
            so.write("channelsswf");
            // ]]>
          </script>
      </div>
      <div id="black" class="fader"></div>
      <div id="bottombg"></div>
    </div>
    css:
    Code:
    #channelsswf {
    	z-index: 1002;
    	background: #222;
    }
    .fader {
    	display:none;
    	position:absolute;
    	top:0;
    	left:0;
    	width:100%;
    	height: 100%;
    	background-color: #000;
    	z-index: 1001;
    	-moz-opacity: 0.8;
    	opacity: .80;
    	filter: alpha(opacity=80);
    }
    Last edited by rondog; 11-07-2008 at 11:19 PM.

  • #2
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,788
    Thanks
    8
    Thanked 131 Times in 129 Posts
    try adding #channelsswf {position: relative;} z-index won't work without declaring the positioning.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #3
    New Coder 4B/75/73/41/'s Avatar
    Join Date
    Nov 2008
    Posts
    56
    Thanks
    1
    Thanked 3 Times in 3 Posts
    It would also help if we could see the page.


  •  

    Posting Permissions

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