Нужно сделать фон прозрачный, а картинку нет?

Question

[Тимур ТТ]

Такая ситуация, есть два блока один внутри другого.

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

в чем суть, класс ="blocks" имеет полупрозрачность, и проблема что картинка класса="icon" тоже полупрозрачная.

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

Как сделать, что бы картинка не была полупрозрачной ?

Answer 1

[Коля]

Можно сделать проще

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

Ну или переводишь свой цвет в rgb, и добавляешь альфа канал

Comments

[Тимур ТТ]

спасибо, только я задал в формате rgb . помогло

Answer 2

[Александр Орлов]

Полупрозрачную картинку в .png формате можно использовать как фон

Comments

[Тимур ТТ]

это я знаю, тут другая проблема, а картинка как раз полупрозрачная png :))) , я решил первым советом. Спасибо всем :)