Home/ Questions/Q 7741273
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T08:59:02+00:00

I have a background on a page body that is an image which I

  • 0

I have a background on a page body that is an image which I want to show through the first level of divs but not the second

<body>
      <div style='opacity:0.9;'><p>This is a wrapper that shows some of the background</p>
          <div style='background-color:#fff;'><p>This is a child div that I want to be all white</p>
          </div>
      </div>
</body>

Obviously the second level div picks up the opacity of .9 as well is there a way to override this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hi you can do as like this

    You can define parent opicity

    and child as like you

    ex.

    css

    .parent{
    padding:20px;
    background:rgba(112,81,246,0.3);
}
.child{
    padding:20px;
    background:rgba(112,81,246,0.6);
}
​

    HTML

    <div class="parent">
<div class="child">Hello i m child</div>
</div>​

    Live demo here http://jsfiddle.net/rohitazad/PC4sL/

    • 0