CSS wallpaper

Navigation
2

I have this code, and I do not understand why it does not work, what I wanted was to have two backgrounds one in the top center another bottom center. but it only works down and that's not supposed to be down. Any suggestion? Thanks 

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: url('../imgs/aboutUsBg1.jpg') center top no-repeat, 
                  url('../imgs/aboutUsBg2.jpg') center bottom no-repeat;
  height: 100%;
  width: 100%;
}

You can see the page here if you want to take a look: link

    
asked by anonymous 26.03.2014 / 16:37

1 answer

3

Here is an example that works: link

  • Remember to make the divs that come inside the body transparent.
    Anything that comes in the body of the page will appear above the background of the body. I took a look at your page and a <div id="missValBar"> has the white background, which is getting over the background.

  • Your body has this CSS-inline: background-position: 50% 1143.2px, 50%; , it's fiddling with the bottom of the page. Remove it.

26.03.2014 / 17:15
How to set Background-image with SVG hosted elsewhere Multiply select by radiobutton