www.webdeveloper.com
Results 1 to 3 of 3

Thread: Inherited Properties

  1. #1
    Join Date
    Apr 2007
    Posts
    395

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

    </div>

    </div>

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    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.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  3. #3
    Join Date
    Apr 2007
    Posts
    395
    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;
    }

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