Forums

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

Home Forums CSS Translucent picture, opaque contents

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

    I’ve read the post on “Non-Transparent Elements Inside Transparent Elements” but I do not know how to apply it onto my codes. Currently I’m using

    #wrap {
    background: transparent url(‘http://static.tumblr.com/gfni0pv/731ky6lvb/wrap.png’) repeat-y top center;
    opacity: 0.75;
    width: 100%;
    text-align: center;
    }

    but my pictures, and words present inside of the box also inherits the transparency. Please help me. Thank you.

    #88599
    chrisburton
    Participant
    #wrap {
    background: rgba(0, 0, 0, .2) url('http://static.tumblr.com/gfni0pv/731ky6lvb/wrap.png') top center repeat-y;
    width: 100%;
    text-align: center;
    }

    @njqn – Learn about rgba (or hsla).

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