更改背景图像的不透明度

我有一个带有文本块的 div 元素和一个父 div，我在其中设置了背景图像。现在我想降低背景图像的不透明度。我怎样才能做到这一点？

EDIT:

我希望通过编辑 html 内容来改变我的博客文章在 blogger.com 上的显示方式。 html 代码如下所示：

<div>
 //my blog post
</div>

我尝试用 div 元素包围上面的整个代码，并分别设置每个 div 的不透明度，如下所示：

<div style="background-image:url("image.jpg"); opacity:0.5;">
<div style="opacity:1;">
 //my blog post
</div>
</div>

但它不起作用。

如今，只需使用 CSS 属性就可以做到这一点“背景混合模式”.

<div id="content">Only one div needed</div>

div#content {
    background-image: url(my_image.png);
    background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
    /* You may add things like width, height, background-size... */
}

它将背景颜色（白色，不透明度 0.6）混合到背景图像中。了解更多这里（W3S） http://www.w3schools.com/CSSref/pr_background-blend-mode.asp.