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

    background not working right


      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?