title: Css no opacity on inside div when image is on body
body: <p>My code is like this</p>
  
  <pre><code>&lt;body style="background: url('im.jpeg')"&gt;
  &lt;div class="inner" style="opacity:0.5;margin-left:20px"&gt;
    &lt;div class="innermost"&gt;
    &lt;p&gt;My content&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;   
  &lt;/body&gt;
  </code></pre>
  
  <p>The problem with my code is that it body has an image so that it would be on full screen and class "innermost" has original content including pics and texts , opacity is assigned to "inner" class. And this opacity affects all element of "innermost".
  Is there any solution to prevent opacity of "innermost" class without affecting body style.
  Thanks for reading.</p>
  
  <p><strong>Update</strong></p>
  
  <p>is there any other alternative of my code , such that i can have image on full screen.</p>