Как сделать так чтоб прозрачность (opacity:0;) действовала только для блока на который он поставлен, а не все блоки внутри данного блока?

<div id="maincontent">
        <div id="block">
            <div id="logo">	
            </div>
            <div id="menu">
                <div class="menu_bl"><a href="" class="menu_text">Главная</a></div>
                <div class="menu_bl"><a href="" class="menu_text">Продукция</a></div>
                <div class="menu_bl"><a href="" class="menu_text">Новости</a></div>
                <div class="menu_bl"><a href="" class="menu_text">О компании</a></div>
            </div>
        </div>
    </div>

CSS

#maincontent {
	opacity:0.1;
	margin: 0px auto;
	width:1100px;
	height:350px;
	background-color:#999;
}

Мне надо сделать чтоб так opacity действовал только на блок maincontent, а не на блоки внутри его . Как это реализовать?

_____________
Жадный.... жадный.... жадный кот

))) ну они же внутри этого блока - а он прозрачен

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Нельзя да?

_____________
Жадный.... жадный.... жадный кот

ну представь банку с водой - внутри плавают рыбки.

подкрась краской воду - рыбки так же чётко видны будут?

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

Спасибо, понятно. Тему close

_____________
Жадный.... жадный.... жадный кот

background-color: rgba(153, 153, 153, .1);

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль