3 Replies Latest reply on Feb 15, 2014 1:29 PM by heathrowe

    background not working right

    Matbathome Level 1

      I have a site I'm working on: http://matthewtbrown.com/mercerworld/mercerworld1.html

       

      Basically, the background isn't working like it should. I want it to span the whole page horizontally. It is 1 pixel wide with a white top and a blue bottom.

       

      Here is the link to the graphic: http://matthewtbrown.com/mercerworld/images/background.png

       

      My code is on the stage and is:

      $('html, body').css({

          "background": "url(images/background.png) no-repeat fixed center",

          "-webkit-background-size": "cover",

          "-moz-background-size": "cover",

          "-o-background-size": "cover",

          "background-size": "cover",

          "filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.png', sizingMethod='scale')",

          "-ms-filter": "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.png', sizingMethod='scale')"

        });

       

      Any ideas?