[thelist] CSS transparency question

ben morrison morrison.ben at gmail.com
Thu Sep 10 04:35:46 CDT 2009


On Thu, Sep 10, 2009 at 8:24 AM, Barney Carroll
<barney.carroll at gmail.com> wrote:
> All the contents of seethrough will appear 90% opaque according to these
> styles. You're telling one of the children to appear completely opaque, but
> it already is by default (and so is its sibling) — they're just inside a
> slightly transparent container.
>
> What you need to do is:
>
> .seethrough * {
>   opacity: 0.9;
>   -moz-opacity: 0.9;
>   filter: alpha(opacity=90);
> }
>
> .seethrough * *,
> .opaque {
>    opacity: 1.0;
>   -moz-opacity: 1.0;
>   filter: alpha(opacity=100);
> }

All children will still have 0.9 opacity.

The best solution for this is to have 2 items, 1 transparent and 1
opaque wrapped in a container div, and use absolute positioning.

ben
--
Ben Morrison



More information about the thelist mailing list