semi-transparent background

[meerah]

Hi all,
I am willing to do a semi transparent background in an iframe to enable seeing through the page background... Does anyone have any experience how to incorporate some inline css class to define alpha value of the cell or an iframe ?????
Cheers in advance
http://www.meerahmax.cz

[VIPStephan]

There is an opacity property in CSS but it isn't implemented very well so far. Also I don't know a way CSS could make just the background semi transparent. For more info on opacity you could read http://www.mandarindesign.com/opacity.html.

I have to add that you have a lot of errors (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.meerahmax.cz%2F) in your HTML which you should fix.

[orcrist]

i used this:

filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;

blu part for IE, orange for FF (last part is enough for 1.5, middle with -moz prefix for older versions)
its in CSS3, i dont know about validation :p

but i couldnt make non-transparent text over transparent bg, any element inside irrevertibly inherits that transprency, you can only increase it, but not revert to full opacity.
so i used another div for txt, and placed it above one with transparet bg using absolute positioning : this one here have no bg image, but div with red border has black background :
http://h1.ripway.com/orcrist/pozi%C5%A1npozi%C5%A1n.html

and yes, i took it from mandarine design link above

[meerah]

it still does not work...I am desperate
Well, it works in IE but not in firefox and guess also not in opera...

[bustamelon]

Well, if you're desparate.....

While you're waiting for css3 to become a reality, you can "cheat" in the meantime:

http://www.codingforums.com/showpost.php?p=422867&postcount=4

[orcrist]

what do you mean it does not work? :( ive got it workin there, and code is very simple.. if you stil have problems, post your code(link) so we can see what can be done.

and what do you bastamelon mean "when"? lol, its here, for FF is simple opacity:0.5; enough, as it should be :p

[bustamelon]

and what do you bastamelon mean "when"? lol, its here, for FF is simple opacity:0.5; enough, as it should be :p

Tell it to that 60% of the market who uses IE =/
Heh, damn had to look that number up. It's much smaller than I thought. That's encouraging.

[orcrist]

ok, lol, but IE takes alpha opacity, and theres no conflict if you have both statements next to eachoder, so..

[orcrist]

but i heard something interesting about some posible future CSS thingy that would enable you to set opacity per chanel, if you express colors in rgb, first value of each would be saturation, second one opacity.
dunno how far it is developed, or is it one of those proposals that never will live. if anyone knows more, post it please.

hope some graf designer wont crucify me if i used some terms wrong.

[bustamelon]

Sounds interesting, but you can bet that whatever happens, there will ALWAYS be compatibility issues.

Grfx people: go easy on him!

[orcrist]

heh, as you said, those numbers are going down ;)