Development Web development - annoying transparency issue..

Discussion in 'Software' started by Ljs, 19 Apr 2012.

  1. Ljs

    Ljs Modder

    Joined:
    4 Sep 2009
    Posts:
    2,220
    Likes Received:
    112
    Hey,

    Doing a little free project for someone and I am having an issue I have never come across.

    The code is only local so I can't like it to you, and tbh, the CSS is a bit of a mess atm.

    Here is my issue anyway:

    [​IMG]

    The text has a transparent background which is ignoring its div background and showing through the main background!

    What the heck? Can anyone throw a bit of light on this please? It is annoying the hell out of me!
     
  2. faugusztin

    faugusztin I *am* the guy with two left hands

    Joined:
    11 Aug 2008
    Posts:
    6,943
    Likes Received:
    268
  3. Ljs

    Ljs Modder

    Joined:
    4 Sep 2009
    Posts:
    2,220
    Likes Received:
    112
    Can you see the picture above in my OP?

    By transparent background, I mean that there is a box around the text which is transparent - effectively cutting a whole through the background of the div it is in, and showing the page background image.

    I haven't tried it in IE yet, this is from FF.

    The only thing I have set to transparent on the page is on a div class wrapped around my logo, which is miles away.
     
  4. faugusztin

    faugusztin I *am* the guy with two left hands

    Joined:
    11 Aug 2008
    Posts:
    6,943
    Likes Received:
    268
    Yes, but i ask about the CSS definition....

    Anyway, install Firebug in Firefox or Firebug lite in Chrome, press F12, find one of the links in the source on HTML tab and check out the applied styles on left side list. It will say you what rules are applied, what rules from which files. Can't help you much more without seeing it live.
     
    Ljs likes this.
  5. Ljs

    Ljs Modder

    Joined:
    4 Sep 2009
    Posts:
    2,220
    Likes Received:
    112
    Installed Firebug...

    Yes that definitely helped, thanks!

    Turned out I put the main background image in the body and not the main wrapper div, which was causing issues.

    Been a few years since I last made a site and now I remember why I hated it!

    Muchas gracias.
     

Share This Page