multiple backgrounds?

  • Resolved iselaespana

    (@iselaespana)


    12 years, 10 months ago

    Hello I have a child twenty ten theme. I am trying to apply multiple backgrounds, is that possible using css? Will it work in all browsers?

    For instance, I’d like to have one image repeat across the top (repeat-x), and another repeat across the entire page (repeat), where the one across the entire page is behind the one which repeats across the top.

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

  • CSS3 allows multiple overlapping background images like you’re describing – that’s not really on-topic for this forum, but a google search will turn up a ton of tutorials covering the necessary CSS tricks.

    Note that browser support is quite good for Firefox & Webkit, but IE doesn’t support multiple backgrounds for anything below IE 9.

    For the WordPress-specific side of the question, just be aware that you have to do this in your CSS only; in other words, you can’t use the Custom Background feature in the admin to upload your background images, as that would override the backgrounds you’ve set in CSS.

    Thread Starter iselaespana

    (@iselaespana)

    thank you.

    Thread Starter iselaespana

    (@iselaespana)

    would I have to set two different divs?

    Thread Starter iselaespana

    (@iselaespana)

    i have it set like this:

    body {
    background-image: url(images/bg.png), url(images/bgtop.png);
    background-repeat: repeat, repeat-x;
    }

    but it is not working, any ideaS?

    Thread Starter iselaespana

    (@iselaespana)

    nevermind figured it out…. If anyone else is interested:

    body{
    background-image: url(https://www.yoursite/images/image.png), url(https://www.yoursite/images/image.png);
    background-repeat: repeat-x, repeat;

    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘multiple backgrounds?’ is closed to new replies.