Opacity in CSS

Discussion in 'CSS' started by fex, Feb 25, 2009.

  1. #1
    Hi,

    As my title suggests I've got some troubleshooting with opacity. I know opacity is being applied on a total box and not on an object seperately. The issue appeared when viewing my site in Opera.

    http://www.medisoc.be/comiteg/KUBA1/home.php

    In IE7 the text 'Content Section' is clearly white, but in Opera that same text is influenced by the opacity of the <div> tag. First in IE7 the text was faded as well, but when setting the position to relative they kept their original color. In Opera this does not help me out.. Any ideas how to get my text not influenced by the opacity set in the <div> ?

    Maybe with overlapping div's or z-index, but I'm not familiar with that,, need some help ;)

    Thx in advance..
     
    fex, Feb 25, 2009 IP
  2. fex

    fex Peon

    Messages:
    89
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Okay, spent a day on searching the net. The Google logo is nearly burnt onto my eyes about now... but I've got a solution. :D I found a lot of stuff (solutions & tutorials) about working with z-index, different nested div's, layers... All great for those who not desire for an elegant solution.

    Simply use a semitransparant PNG as background image ;)
     
    fex, Feb 25, 2009 IP