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 [mailto:tim.arn...@gmail.com] Sent: Thursday, February 16, 2012 11:45 AM To: Angela French Cc: css-d (css-d@lists.css-discuss.org) Subject: Re: [css-d] problem with opacity On Thu, Feb 16, 2012 at 2:38 PM, Angela French <afre...@sbctc.edu<mailto: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. There is no way that i know of to get around that when using "opacity." What you can do, however is use RBGa background instead. 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. -Tim -- tim.arn...@gmail.com<mailto:tim.arn...@gmail.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/
