CSS3 Multiple Background Images

Community Forums Forums Design Tips and Tricks CSS3 Multiple Background Images

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  benjeeno 10 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #62159

    benjeeno
    Participant
    Post count: 248

    I was trying to implement CSS3 multiple background images according to W3C in Enterprise theme and it wasn’t working. I could get only one or the other. Has anyone succeeded with this in Genesis or WordPress?

    #62257

    anitac
    Participant
    Post count: 7027

    Please share a link to your site so I can take a look. Did you convert your theme to the new CSS3/HTML5 standards?


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #62267

    benjeeno
    Participant
    Post count: 248

    It’s on local development server.

    Yes, using Genesis 2.0, Enterprise theme.

    I am trying this multiple background images on the body for the background; not sure if you can have multiple images on the body?

    I was following W3C set up for it to the “T” and it doesn’t work.

    #62291

    benjeeno
    Participant
    Post count: 248

    I found that it wasn’t really necessary to do multiple background CSS for what I was trying to do with two images, one stacked on top of the other with transparent png qualities. I instead used Genesis Simple Hooks plugin and placed the full width background-like element in the genesis_title hook:

    genesis_title hook
    <div class=”anyname”></div>

    CSS
    .anyname {
    background: url(images/bg-anyname.png) repeat-x center top;
    height: 150px;
    width: 100%;
    }

    I then used the body to show the other background image.

    body {
    background: url(your-image-here.jpg);
    }

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.