Непрозрачный элемент на полупрозрачном блоке?

Question

[nindzja_ubiyza]

<div>
<img src="1.jpg">
</div>

Так вот. Нужно что бы div был полупрозрачным (opacity: 0.5), а img не прозрачной. Как это сделать?

Answer 1

[ink]

Вообще надо использовать opacity умеючи , отличная замена ему rgba
пример : https://jsfiddle.net/yqu1mm3L/

Answer 2

[St1myL]

Можно использовать позиционирование для дочернего элемента, или же вариант, который предложил Ink