title: Change background image opacity
body: <p>I have a div element with text blocks and a parent div in which I have set a background image. Now I want to reduce the opacity of the background image. Please suggest how I can do that.</p>
  
  <p>Thanks in advance.</p>
  
  <p><strong>EDIT:</strong> </p>
  
  <p>I am looking to change the way my blog post looks at blogger.com by editing the html content. The html code looks as follows:</p>
  
  <pre><code>&lt;div&gt;
   //my blog post
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried to surround the whole code above with a div element and set opacity of each div separately as below:</p>
  
  <pre><code>&lt;div style="background-image:url("image.jpg"); opacity:0.5;"&gt;
  &lt;div style="opacity:1;"&gt;
   //my blog post
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it is not working.</p>