Проблемы с opacity

[lost]

Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке.

Пример кода: http://jsfiddle.net/3Uz3q/

Как побороть проблему? Спасибо!

[ablay2009]

используйте rgba http://jsfiddle.net/ExnyN/1/

[lost]

А это кроссбраузерно?

[wildhind]

А это кроссбраузерно?

да

[lost]

Спасибо!

[Radiocity]

Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке.

Пример кода: http://jsfiddle.net/3Uz3q/

Как побороть проблему? Спасибо!

Проблема связана с тем, что opacity объекта применяется ко всем дочерним элементам, включая текст.

RGBa не будет работать в ie7 и ie8, поэтому следует создать 2 отдельных элемента, позиционируя их друг над другом или же задать полупрозрачное фоновое png изображение

PS Окей! Шестого осла списали, но седьмого и восьмого рано.

[wildhind]

Если нужно древних ослов поддерживать, то тоже есть решение:

filter:progid:DXImageTransform.Microsoft.Alpha()

[lost]

А как быть с ИЕ8 ?

[wildhind]

А как быть с ИЕ8 ?

Забить.

Ну или почитать msdn.

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";