trying to change the background of the web page to tranparent.

  • Unknown's avatar

    I have the back ground set to an image. However that only changed outside surrounding portion of the webpage. I would like the entire webpage background to this image.

    I have tried the following css as an attempt to make this happen.

    /*
    body {
    background-color: green;
    }

    #content {
    background-color: transparent!important;
    background: url(images/vertical-line.jpg) top right repeat-y;
    line-height: 1.4em;
    }

    .page #wrapper {
    background-color: green;
    }

    body {
    font-size: .8em;
    color: green;
    background-color: navy;
    }

    page {
    background: navy;
    }
    */
    body {
    font: 80%/1.5 arial, helvetica, sans-serif;
    color: white;
    background-color: #0084C7;
    background-image: url(‘background-brownpaper.jpg’);
    }

    What am I doing wrong?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    well, if you want to set the “entire webpage background to this image”, you can use this:

    #page {background:transparent;}

    Then you will need to work on either font color and/or the background color of your individual entries.

  • The topic ‘trying to change the background of the web page to tranparent.’ is closed to new replies.