Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Background color overlap issue

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #46472
    Truffleshfl
    Member

    Hello All!

    I’m having a simple (but frustrating) issue with my background. I currently have it as a static background image and a solid color for my content space. For some reason the content color is not showing up? I feel like i’ve gone through everything to fix it but no dice. Any suggestions?

    body {
    margin-left:auto;
    margin-right:auto;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1;
    background-image:url(../img/bglogo.jpg);
    background-attachment:fixed;
    }
    #contentcontainer {
    max-width: 960px;
    margin: 0 auto;
    float: none;
    padding-top: 0px;
    padding-left:10px;
    background-color: #fffdf8;
    }

    Here is the website in question:
    [Your text to link here…](http://mikesbaum.com/plan9alehouse/index.html “Website”)

    #143246
    Paulie_D
    Member

    If you need the bg image to be partially visible through the color you will have to use an RGBA property instead of a hex(#) color.

    Try `background: rgba(255,253,248, 0.5);`

    You can vary that final decimal number to increase/decrease the opacity of the color

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.