9 Replies Latest reply on May 13, 2013 8:55 AM by shadowfax007

    Adding Edge animation to my website background




      I am stuck with adding the animation I made on Adobe Edge to my website background. My website background has an image which size is set to cover, to it scales according to browser window and has also fixed position.


      My goal is to get my animation instead of ths background image (animation is as simple as it can get). The best that I've managed was to get the animation on the page but it was not covering the browser windoe AND it pushed all the content that was supposed to be on it, away.


      My website is this: www.tihemetsamoto.ee/uus2013


      You can see that it the content is horizontally scrolling and the backgrond mage is fixed. That's what I like my animation to be, behind the content, fixed and cover the browser window on resize.


      PLEASE help me, Im stuck and don't know what to do


      The code from the animation html is here:


      <!DOCTYPE html>

      <html style="height:100%;">


                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

                <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8"/>


      <!--Adobe Edge Runtime-->

          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

          <script type="text/javascript" charset="utf-8" src="animation_edgePreload.js"></script>


              .edgeLoad-anime { visibility:hidden; }


      <!--Adobe Edge Runtime End-->




      <body style="margin:0;padding:0;height:100%;">

                <div id="Stage" class="anime">