Opacity/Semitransparent section of Blog (4 posts)

  1. MtnXfreeride
    Posted 6 years ago #

    Hi, my blog died, and only back up was from several years ago so don't look at my content right now haha.

    But, at: http://dreamsdie.com/dreamsdie/wp/

    I am trying to make that white area into a semitransparent background so that the real background image shows through a little bit. Ive been trying stuff for hours now and have only gotten it to a point where the entire thing is transparent.. header side bars and all.

    Im working on making the theme into something that will match my youtube page a bit:
    http://youtube.com/mtnxfreeride <-- see how the text container is semi transparent (but the videos and text arent)?

    Does anyone know where and what code I need to put? Am I editing the css or the php files?

    Please and thanks for any help!

  2. racer x
    Posted 6 years ago #

    There are different ways to do this.

    Using CSS3 will allow you to set transparency right from the css. However, not widely accepted yet.(thanks to people NEVER updating their browsers!)

    You can also use a small transparent png graphic and repeat it. You will need an ie6 fix though.

    There are other tricks too, such as using absolute relative/positioning, etc. because if you just set the div transparent, the children will inherit that transparency as well.

  3. MtnXfreeride
    Posted 6 years ago #

    im using a transparent .gif now, it doesn't look very good with the text, is the particular gif im using that looks bad?

  4. racer x
    Posted 6 years ago #

    gif is a different type of transparency than png.

    A png will actually appear "see-through" because it uses partial transparency.

    I would suggest a png over a gif for this type of situation. Then, as stated, I'd either use a png fix(mentioned above) or just have a conditional ie6 css file that simply calls a solid color.

Topic Closed

This topic has been closed to new replies.

About this Topic