dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Inherited Properties

Hybrid View

  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.

  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