У меня есть элемент div с текстовыми блоками и родительский div, в котором я установил фоновое изображение. Теперь я хочу уменьшить непрозрачность фонового изображения. Пожалуйста, предложите, как я могу это сделать.

Заранее спасибо.

EDIT:

Я пытаюсь изменить то, как моя запись блога выглядит на blogger.com, изменив содержимое HTML. 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>

Но это не работает.