0 Replies Latest reply on May 19, 2006 6:15 PM by complexity

    z-index, getting 1 .swf to be above another .swf when in a floating div layer

    complexity Level 1
      Hi all,

      I am atempting to get a swf higher than another on screen, in a html page.
      I thought that by using the z-index attribute would achieve this but I am having difficulty with it.

      Firstly I have tried Javascript solution.

      <script language="Javascript">
      <!--
      function makeswf1higher() {
      div1.style.zIndex="4";
      div2.style.zIndex="3";
      -->
      </script>

      <body onLoad="makeswf1higher()" >
      <div id="div1"> //mswf here </div>
      <div id="div2"> //mswf here </div>


      secondly I have tried a CSS z-index solution.

      <style type="text/css">
      <!--
      #div1 {
      position:relative;
      width:200px;
      height:115px;
      top: 0px;
      visibility: visible;
      left: 0;"
      z-index: 50;"

      }
      #div2 {
      position:relative;
      width:783px;
      height:446px;
      top: 0px;
      visibility: visible;
      left: 0;"
      z-index: 1;"
      }

      -->
      </style>


      And neither produces a result for me. Could someone please show me what I am doing wrong here.

      Any help is much appreciated.