Проблемы с прозрачным фоном

[faradei21]

Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?

[Alex Shnayder]

Можно использовать rgba (IE9+) или псевдоэлемент (IE8+).

[FEL]

Всем здравствуйте. В общем имеется блок <div>, который имеет прозрачность (в моем случае это фон). В этот блок вставляю картинки или любые другие элементы и они тоже прозрачны. Пробовал другой "блок в блоке" - не получилось. То есть все элементы, находящиеся в блоке наследуют прозрачность. Как сделать, чтобы элементы были полноценно видимыми, при условии, что сам фон будет полупрозрачным?

К сожалению свойство

opacity

действует на все дочерние элементы. Используйте для фона свойство

background: rgba(r, g, b , a);

где r/g/b это цвет (я в фотошопе его подбираю, там помимо hex цвета показывает еще и rgb), a - это прозрачности от 0 до 1

Edited November 24, 2012 by FEL

[Николя223]

дополню:

.fon {background: white;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80, finishOpacity=80, style=0);} /*ie*/
.fon {background: rgba (255,255,255,0.8);} /*для всех кроме ie*/

Edited November 24, 2012 by Николя223

[Vadimka]

не советую использовать фильтры от IE от них бывают косяки, просто делаете прозрачный фон через rgba а для IE делаете фон png картинкой с прозрачностью

[faradei21]

Благодарю, все четко.