CSS and tranparency

[hpl]

I have a CSS for my menu, I wish the background color to be #dedede, but I also want it to be transparent, how do I make that?

.menu
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: transparent;
    BACKGROUND: #dedede;
}

[Rick Bull]

How do you mean? Like semi-transparency? There is no CSS for that yet (not sure if it's in CSS 3), the only thing to do is use one of IEs proprietary filters, and use -moz-opacity to take care of Mozilla, but then your CSS won't validate. THe other alternative is to use a PNG which support alpha transparency. But IE for Win doesn't support it for some reason (see my sig. ).

If that's not what you mean you'll have to be more specific.

[hpl]

Hi Rick
I've found out, I used the code below.

.menu
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: silver;
    filter: alpha(opacity=85);
}

[Rick Bull]

Yep, that's the MS proprietary stuff. You should also put -moz-opacity: 85% in there too so that it will work in Gecko based browsers.

[punkpie_uk]

yeah, Ricks right, filter: alpha(opacity=85); is an IE6 addition

[hpl]

Is the Mozilla opacity

filter: moz(opacity=85);

[punkpie_uk]

no, it's

-moz-opacity: 85%

[Rick Bull]

ALso there is a list of all the CSS moz supports at http://lxr.mozilla.org/seamonkey/sou...sCSSPropList.h - proprietary and standard