I have taken the <p> out of the <div> and absolutely positioned it so it LOOKS like a child but
it’s not. This works, but I realized that resizing the browsers messes up the position of both
elements, so I’ve got to think a bit more….
From: Tim Arnold [EMAIL-REMOVED]]
Sent: Thursday, February 16, 2012 11:45 AM
To: Angela French
Cc: css-d [EMAIL-REMOVED])
Subject: Re: [css-d] problem with opacity
On Thu, Feb 16, 2012 at 2:38 PM, Angela French [EMAIL-REMOVED][EMAIL-REMOVED]>> 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. There is no way that
i know of to get around that when using "opacity." What you can do, however is use RBGa background
Check out: http://css-tricks.com/rgba-browser-support/ and.or http://www.css3.info/preview/rgba/
If you want it to work in IE browsers older than IE9, you might want to use PIE
(http://css3pie.com/) which is my favorite way to beat dumb browsers in to shape.
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/