At 3:34 PM -0400 5/24/10, Matthew wrote:
>I am wrestling with setting the opacity on background colors on a
>div to expose a pattern behind it. However I can't figure out how to
>keep the elements contained with in it at 100% opacity. Please see
>this page to see what I mean:
>
>http://em-w.com/portPages/port_homeandhearth1.html
>
>I would like the main image and the text to remain a solid color,
>while the white background has a 50% opacity level.
div {background-color: rgba(255,255,255,0.5);
That won't work in IE/Win, I believe, but it will in pretty much
anything else of recent vintage. Alternatively, you could create a
smallish PNG which is all white and has 50% opacity and drop it into
the background of the div. That will work in all current browsers
including IE/Win.
--
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
"CSS is much too interesting and elegant to be not taken seriously."
-- Martina Kosloff (http://mako4css.com/)
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/
