CSS. Как избавиться от наследования?

Question

[protasovmikhail]

<div id="contentback"><div id="content"></div></div>

#contentback{
    position: absolute;
	background: #0065FF;
	opacity: 0.7;
	margin: 10% 25% 20% 25%;
	height:50%;
	width:50%;
	border-radius: 10px;
}
#content{
    position: absolute;
	opacity: 1;
	margin: 0px;
	height:100%;
	width:100%;
	border-radius: 10px;
}

Никак не получается избавиться от прозрачности во втором контейнере.

Answer 1

[IceJOKER]

попробуйте background-color: rgba();

Comments

[protasovmikhail]

Попробывал. Понравилось)

[IceJOKER]

protasovmikhail: пользуйтесь тогда :D )

[IceJOKER]

Aingis: зачем? проблему решили, пора сваливать :D

[protasovmikhail]

Господа, разберусь как помечу) Работа.....надо выполнять план, огромное спасибо всем)

Answer 2

[Vladislav Soprun]

Так и не получится.
opacity в данном случае не наследуется.
Элемент прозрачный на 30%, соответственно все внутренние элементы будут прозрачнее...

Comments

[protasovmikhail]

Благодарю за ответ. Как тогда мне поступить?? Важно что бы элемент был прозрачен, но текст и тп были 100% видны. Посоветуете использовать фоном картинку??

[Vladislav Soprun]

protasovmikhail: "фоном картинку" оО?!
#contentback{ background: rgba(0, 0, 255, 0.7); }