[thelist] background color opacity but solid color text?

Erika ekm at seastorm.com
Fri Nov 28 12:16:18 CST 2008


 > On Fri, Nov 28, 2008 at 8:33 AM, Tris <beertastic at gmail.com> wrote:
 >> how can I produce a 50% opacicty background color of black..
 >> but still have pure white text on top..
 >> it keeps making the text as opac as the background..?
 >>
 >> i've got two divs..
 >> one for the backgroud and an imbedded div for the text... :-(

Will wrote:
> This page seems to break down the details:
> http://www.mandarindesign.com/opacity.html

maybe also check out this:
http://css-tricks.com/css-transparency-settings-for-all-broswers/
http://www.robertnyman.com/2008/09/16/you-want-css-opacity-to-go-with-that-well-suit-yourself/

Me, I've always used a repeating background image (png) with the opacity 
set in Photoshop.  Works in modern browsers, but not IE6.
example: http://www.poww.net/policies.html

You could do a conditional comments to: "take advantage of the enhanced 
features offered by Microsoft Internet Explorer 5 and later versions, 
while writing pages that downgrade gracefully in less-capable browsers 
or display correctly in browsers other than Windows Internet Explorer."

That text was taken right from Microsoft, can you tell?
http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

Erika










More information about the thelist mailing list