On Sat, 08 Oct 2005 00:07:37 +0800, Arno @ Raketnet <[EMAIL PROTECTED]> wrote:

#nav li ul {
        position: absolute;
        width: 130px;
        left: -999em;
        background-color: #fff;
        filter: alpha(opacity=40);
        opacity: 0.4;
}

Problem is that if I do it like this, the text in the ul also has the
opacity applied. That's not supposed to happen.

Actually, that *is* supposed to happen. Opacity affects the entire element and all its children.

How do I have to change it so that the text remains opacity1.0/alpha=100?

Ideally, "background-color: rgba(255,255,255,0.4)", but nothing (that I know of) supports that, so in practice your only option is a background PNG with an appropriate alpha transparency plus hacks for IE support.

HTH,
--
Andrew Gregory, <URL: mailto:[EMAIL PROTECTED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to