Inherited Properties

[Nate1]

if I set the Opacity of the BodyOuter class to 0.75 how can I remove the Opacity setting from the BodyContent class? e.g Opacity :none;

<div id="BodyOuter">

<div id="BodyContent">

</div>

</div>

[ray326]

Off hand I'd say you can't. Do you have a body background that you're trying to show? Give us a link and you'll get better recommendations.

[Nate1]

I Don't have a URL thats accessible, Basically I want a non-transparent content block to be placed over a Transparent block which will show the background image in its borders. The Divs in Questions would be be the BodyBlock and BodyOuter, But the Opacity settings I have Placed in the declarations are what I would like they don't work. Any Thoughts?

Body {
}
.Back{
background-image: url(Wedding_Images/WeddingBackground2.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
background-attachment: scroll;
background-position: center;
}


#BodyOuter{
height:579px;
margin-left: 168px;
margin-top: 3px;
padding: .25em;
background-color: #459EC0;

}


#BodyBlock{
background-color: #FFF;
height: 97%;
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding: .1em;
}

<div id="Wrapper" style="width: 800px; margin: 10px auto 0;">
<div id="Header"></div>
<div id="LeftMenu"></div>

<div id="BodyOuter" style="opacity: .85;">
<div id="BodyBlock" style="opacity:1;">

<div id="BodyContent">
<p class="dropCap">

Content Goes Between these Brackets
</p>
</div>


</div>
</div>

#BodyContent {
color: #000;
font-family: arial;
font-weight: normal;
font-size: 12.5px;
}