Need to make the background transparent, but not the picture?

Question

css

Such a situation, there are two blocks one inside the other.

<div class="blocks">
<div class="icon"><img src="путь к картинки"></div>
</div>

what is the point, the class = "blocks" has translucency, and the problem is that the picture of the class = "icon" is also translucent.

.blocks{
background: #284d88;
margin: 0;
padding: 0;
width: 980px;
height: 110px;
opacity:0.7;
filter:alpha(opacity=70);
  -moz-opacity:0.7;

How to make the image not translucent?

Answer 1

Can be made easier

.blocks {
background: rgba(#284d88, 0.7);
}

Well, or convert your color to rgb, and add an alpha channel

Answer 2

A translucent picture in .png format can be used as a background