2 Replies Latest reply on Mar 22, 2011 7:17 PM by natdzign

    Adding .flv or .swf in dreamweaver on top of background image

    natdzign Level 3

      Hi,

       

      I added an image background 1900 x 1200 in dreamweaver, which will serve as my background image for my web site. I would like to incorporate my .flv or .swf on top of my background image. Although, when doing so, the .flv or .swf gets placed under the background image and not on top. How do I place the .flv or .swf file on top of my background image in Dreamweaver CS5.

       

      Thanks

        • 1. Re: Adding .flv or .swf in dreamweaver on top of background image
          adninjastrator Level 4

          You will need to use CSS or "styles" to control the display of content on your Web page.

          One solution is the declare the image as an actual background image for the container:

          http://www.w3schools.com/css/pr_background-image.asp

          nothing will go behind it.

          Or if you place the image inside the container and want to stack something else on top of it:

          http://www.w3schools.com/Css/pr_pos_z-index.asp

          of course be sure you also understand wmode as it applies to Flash or you may not be able to correctly control the placement:

          Window Mode (wmode) - What's It For?
          There are three window modes.
          Window
          Opaque
          Transparent
          By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
          In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.

          Best wishes,

          Adninjastrator

          • 2. Re: Adding .flv or .swf in dreamweaver on top of background image
            natdzign Level 3

            thanks for our help, ill try it out and will let you know if it fixed my problem.