Results 1 to 3 of 3

Thread: Inherited Properties

  1. #1
    Join Date
    Apr 2007

    Inherited Properties

    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">



  2. #2
    Join Date
    Nov 2003
    Jerryville, Tejas
    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.

  3. #3
    Join Date
    Apr 2007
    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 {
    background-image: url(Wedding_Images/WeddingBackground2.gif);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    background-attachment: scroll;
    background-position: center;

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


    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


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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center

Recent Articles