title: How to set opacity in parent div and not affect in child div?
body: <p>Hey i am searching in google but i can't fine any perfect answer</p>
  
  <p>I want to Opacity in parent DIV but not Child  DIV</p>
  
  <p>Example </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="parent"&gt;
  &lt;div class="child"&gt;
  Hello I am child 
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Css</strong></p>
  
  <pre><code>.parent{
  background:url('../images/madu.jpg') no-repeat 0 0;
  }
  .child{
  Color:black;
  }
  </code></pre>
  
  <p><strong>Note: --</strong> I want to <strong>background-image</strong> in <code>Parent Div</code> not Color </p>