Multiple background images – CSS3

Viewing 3 replies - 1 through 3 (of 3 total)
  • popper

    (@julialasarte)

    13 years, 11 months ago

    You have two problems. First, the images should be inverted:

    #wrapper {
   background-image: url("http://ohlalaleslesters.be/wp-content/themes/ohlatwentyeleven/images/sea.png"),  url("http://ohlalaleslesters.be/wp-content/themes/ohlatwentyeleven/images/bg_inside.png");
   background-repeat: repeat-x, repeat;
   background-position: center bottom, 0,0;
}

    and even if that is right the footer is inside #wrapper and it’s hiding your second image behind it.

    Thread Starter lmw

    (@lmw)

    13 years, 11 months ago

    Thanks popper, you rock! Sometimes I can’t see the wood for the trees… 🙁

    Thread Starter lmw

    (@lmw)

    13 years, 11 months ago

    Hmmm… but why do I need to clear the left float on #primary to make the background show?

    And if I clear the float, then #secondary will be in the wrong place (e.g. http://ohlalaleslesters.be/category/videos/).

    And on a single post page(e.g. http://ohlalaleslesters.be/milo/the-volcano/), I get a weird grey line that looks like it might be something to do with #secondary, but isn’t??

    Perplexed……… 🙁

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Multiple background images – CSS3’ is closed to new replies.

Tags