Rob Emenecker wrote: > 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. > 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
Hi Rob, In the past, I've used a combination of RGBA, IE's gradient filter and PNGs (for Opera and FF2) to achieve this effect. Hedger Wang has a similar experiment out there somewhere on the same thing. Here's my experiment with it: http://www.webdevelopedia.com/better_opacity.html and http://theholiergrail.com/sandbox/rgba-cross-browser.php Hope it helps. --Bill -- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bill Brown, MacNimble.com :: "From dot concept to dot com since 1999" WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com "The intuitive mind is a sacred gift and the rational mind is a faithful servant. We have created a society that honors the servant and has forgotten the gift. -- Albert Einstein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ______________________________________________________________________ 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/