title: how to make a child div should not inherit opacity from parent div?
body: <p>Hi all i created a parent div <code>.ima</code> inside which one div called <code>.txt</code> When i give a opacity to <code>.ima</code> then the opacity is applied to <code>.txt</code> automatically this is obvious. But i don't want it to be in this way. </p>
  
  <p>Only <code>.ima</code> should be in 0.5 Opacity and the Text in <code>.txt</code> should be 100% visible.</p>
  
  <p>Is there a way to do this? </p>
  
  <p>Here is the <a href="http://jsfiddle.net/f4Vzj/1/" rel="nofollow">fiddle</a></p>
  
  <p>I tried Giving Opacity to 1 in <code>.txt</code> its not working. I might Be doing this in a wrong way I don't know.Any help?</p>
  
  <p><strong>Here i mention the Different From the Question refering for possible Duplicate</strong></p>
  
  <p>There They Have given Suggestion to Use <strong>rgba</strong> But here i don't want to use it Because if i use <code>rgba</code> then this will become either black or some other color that we'll mention.</p>
  
  <p>I want to use background image here.</p>
  
  <p>This is a sample am proposed.</p>
  
  <p>Things like there is no possible.</p>
  
  <p>Also I don't want to use .png images(with semi-transparency). images are subject to change that is why.</p>
  
  <p>Any Way thanks for guys Who have given their answers here.</p>