CSS Background

[red2503]

Hello,

I’m running a community and I want to change the background, but I don’t know CSS very well. My current bg script looks like this:
body {
background: #f9f9f9 url("styles/we_universal/theme/images/bg_1.png");
margin: 15px 0;
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
color: #828282;
}

But I want to change it so I can have one background repeating horizontal on the bottom of the page and another background above it repeating in all directions. Something like this:

http://imagizer.imageshack.us/v2/800x600q90/547/82ws.png

What do I need to do to get such background?

[Paulie_D]

The code would go something like this:

  background-image:url(image1), url(image2);
  background-repeat:repeat-x, repeat;
  background-position: left bottom, left bottom;

Codepen Example:

http://codepen.io/Paulie-D/pen/mJBsr

[red2503]

The horizontal repeating background does repeat on the botom of the screen, but when I scroll it stays at it’s place. I want it to be on the botom of the page, not on the botom of the screen. How can I do this?

Thanks!

[Author]

Posts