transparency

Discussion in 'HTML & Website Design' started by HDaddy, Apr 11, 2007.

  1. #1
    Hi!

    Do you have any good tips how to make containers transparent so i could see the background through it. I found some help from W3Schools but it didn´t work in FF and also IE threw up the active X shitty warning on me. Or could i do the transparency in Photoshop. Thanks in advance.

    HDaddy
     
    HDaddy, Apr 11, 2007 IP
  2. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #2
    This might be what you're looking for:
    
    #container {
    	opacity: .5;
    	filter: alpha(opacity=50);
    }
    
    Code (markup):
     
    Clive, Apr 11, 2007 IP
  3. weknowtheworld

    weknowtheworld Guest

    Messages:
    306
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Does the above code work in IE and FF?
     
    weknowtheworld, Apr 12, 2007 IP
  4. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #4
    That´s just what i tried...but it didn´t work on FF and IE warned about active x components. Actuallly i didn´t have that opacity: .5; thing in the code, just the filter: alpha(opacity=50); thing. But anyway it did not work.
     
    HDaddy, Apr 12, 2007 IP
  5. briansol

    briansol Well-Known Member

    Messages:
    221
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    110
    #5
    avoid filters like the plague. they are non-standard.


    background: transparent; CSS will do this for you
     
    briansol, Apr 12, 2007 IP
  6. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #6
    Thanks Clive, now it works also in FF. But still it´s blocking it in IE. is there anything i can do, so it doesn´t block it or should i just trust the people to allow the activeX stuff.
     
    HDaddy, Apr 12, 2007 IP
  7. mich_alex

    mich_alex Well-Known Member

    Messages:
    511
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    108
    #7
    #container {

    filter: Alpha(Opacity=50);
    -moz-opacity: 0.5; //mozilla transparent

    }

    try this one....
     
    mich_alex, Apr 12, 2007 IP