Как поменять прозрачность во вложенном div или img?

Question

[xolnimda]

<div style="opacity: 0.5;">
<div></div>
<img>
</div>

как сделать вложенный в div img и div с другой прозрачностью и не прозрачный?

Comments

[Lynn «Кофеман»]

Никак. Зачем вам прозрачность у этого DIV-а? Может достаточно прозрачного фона?

[Lynn «Кофеман»]

Как-то так:

<div style="background: rgba(0, 0, 0, 0.5)">...</div>

[Евгений Петров]

opacity — это непрозрачность

Answer 1

[Андрей Ежгуров]

Никак не сделать. Opacity влияет на все вложенные элементы. Так что прозрачность вложенных div / img можно только увеличить, но уменьшить невозможно. В простых случаях прозрачность внешнего div'а можно эмулировать без opacity - с помощью png, или rgba(). В более сложных - придётся использовать наложение слоёв (position, z-index).

Answer 2

[Виталий Киренков]

div img { opacity: 0.7;}
div div { opacity: 0.5;}

Comments

[Lynn «Кофеман»]

И как сделать картинку непрозначной?

[Виталий Киренков]

div img { }
div div { opacity: 0.5;}

[Андрей Ежгуров]

Сказочник, однако.