Непрозрачное изображение на прозрачном слое

[sergiyko]

Здравствуйте.

Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите?

<div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;">
<div style="position: absolute; left: 200px; top: 50px;">
<img src="myimg.png" style="opacity: 1 !important;">
</div>
</div>

[Searcher]

ваш родительский див надо сделать без прозрачности, в него положить абсолютный див с прозрачностью со 100% высотой и шириной и задать картинке нужный z-index

[SelenIT]

"Отменить" прозрачность потомков прозрачного элемента нельзя. Если нужен непрозрачный элемент на прозрачном фоне контейнера, то одно из двух — либо контейнер не должен быть прозрачным, а иметь лишь прозрачный фон (png-картинку или, более современно, rgba-цвет + фильтр для старых IE), либо картинка должна быть не внутри этого контейнера (а лишь спозиционирована поверх него).

[Gaspode]

В прозрачном слое только цвет на фоне? Дык, может, прозрачность через rgba задавать тогда, а не через opacity?

Edited April 15, 2011 by Gaspode

[psywalker]

Как вариант http://psywalker.ru/Forum/opacity/main-2.html