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 2 years, 2 months ago.

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


    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?



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



    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.



    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>

    .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.