Grow your CSS skills. Land your dream job.

Layering 2 background images

  • # August 21, 2009 at 11:30 pm

    Hi all,

    I’m designing a WordPress site and having trouble layering 2 background images. I have a simple gradient image as the <html> background. I would like to add a PNG image with transparancy as the background image of the <body> tag. The site is centered so the background for the <body> tag needs to float with the main content.

    Here is a link to the site. http://tw2blog.fabianross.com/

    Attached is a screen capture of the background image I’m trying to use.

    Any suggestion on how to implement this in WordPress are greatly appreciated.

    Thanks,

    jr

    Rob
    # August 22, 2009 at 6:12 am

    you would implement it in the same way you would in any other html/css site – wordpress isnt a language all on its own – its just a CMS lol

    Just set the body BG image to what you want and the html bg image to what you want… ??

    # August 24, 2009 at 4:54 pm

    I found the problem I was having was that the image I was using for the background of <body> was taller than the image I was using for the background of <html> so the body background was getting cut off.

    After all that, the client choose not to use the secondary background. :D

    Thanks,

    jr

    Rob
    # August 25, 2009 at 3:06 am

    haha all hail the client :)

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".