On Feb 17, 2012, at 4:45 AM, Tim Arnold wrote: > On Thu, Feb 16, 2012 at 2:38 PM, Angela French <afre...@sbctc.edu> wrote: > >> It appears that this background color is inheriting the opacity of the >> div it lives in as the white background-color seems to have no effect. I >> have even reset the opacity of this <p> by setting it to 100. >> >> > Yes, the opacity css property is inherited by anything inside that > container.
And NO the opacity property is NOT inherited by the descendants of the container. What actually happens is that the box (the container) and all it contains is made semi-translucent, similar as when you set the opacity of a layer-group in Photoshop to less than 100%. If all you want is a semi-transparent background on a box, use rgba/hsla colors (and a semi transparent .png image background for IE<9). opacity: http://www.w3.org/TR/css3-color/#transparency rgba colors http://www.w3.org/TR/css3-color/#rgba-color Philippe -- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ css-discuss [css-d@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/
