title: Opacity In div also opacity Content?
body: <p><b>Html:</b>:</p>
  
  <pre><code>&lt;div id="Opacity"&gt;&lt;span class="P"&gt;Here Is My P&lt;/span&gt;
  </code></pre>
  
  <p><b>Css:</b></p>
  
  <pre class="lang-css prettyprint-override"><code>#opacity {
  width:400px;
  height:400px;
  border:black 1px solid;
  opacity:0.3;
  background-color:black;
  }
  
  .P {
  font-family:cursive;
  font-size:24px;
  color:white;
  }
  </code></pre>
  
  <p>but Output word are also transparent.i want word will transparent but div become transparent Thanks </p>