Semi-transparency

[MrPink]

Hi there,

Does anyone know how to create (or an URL that shows how to create) that semi-transparency as in the menu seen on:
http://www.milonic.co.uk/menu/

I need this effect for a semi-transparent layer....

Thanks in advance,

Quasibobo

[jkd]

No such thing as "semi-transparent". Perhaps you mean translucency? :)

Anyway, PNG images have an alpha channel (i.e. support varying amounts of opacity) - what I've done lately is make a 1px*1px png image and apply X% percent opacity to the one color, and voila, a translucent background image is made. :)
Of course, only NS6+ and related browsers handle the alpha channel well, Opera 6 does it poorly, and IE not at all.... :(

To do this in IE, you are going to need to use a filter:

filter: Alpha(opacity=0.5);
OR
filter: Opacity(alpha=0.5);

(can never remember which way around it is).

[MrPink]

Thanks,

I looked it up on the net: this was how it goes:

style="filter: alpha(opacity=50);"

And I also found the equivalent for NS and Mozilla:

style="-moz-opacity: 70%;"

Thanks.....

MrPink

[Quiet Storm]

http://angelfire.com/mo2/cbch21/

Lots of semi-transparent things for IE. :D