On Thu, Sep 18, 2008 at 3:06 PM, Rob Emenecker < [EMAIL PROTECTED]> wrote:
> Hi all, > > I have a project where client wants a semi-opaque border on both a masthead > and a content area of their page. The masthead and content areas are both > contained in DIVs that center left-to-right over a tiled background. > > I am trying to figure out an effective workaround the issue of opacity > inheritance, so that I can get the visual appearance of an 100 OPAQUE > masthead DIV nested in a semi-opaque DIV. > > Here is an example link: > > http://www.winningsportsclub.com/preview/concept2a.html > > The "Winning Sports Club" has to "sit" on top of the semi-transparent DIV. > > What is the best way to go about achieving this effect? (I'm trying to > avoid > falling back on overlapping AP divs, if possible.) > > ...Rob > As far as I've ever been able to figure out, a transparent PNG will only serve best. Mind you, this effect will fail in IE6, although the opacity would fail in the first place there, also. In short, it's behaving as intended (as far as I know). Every child element still has an opacity of "1", but that is considered to be full opacity from what is inherited. I hope I made that sound right. -- -Jack Timmons http://www.trotlc.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
