Как выставить другой opacity блокам, внутри блока с opacity 0.6?

Question

[DonTraffic]

Как в такой структуре, задать div2 другое значение opacity?

<section>
   <div id="div1">
       <div id="div2"></div>
    </div>
</section>

#div1{height:100px; width:100px;opacity:0.6;}
#div2{height:100%; width:80%; margin:0 auto;}

Answer 1

[marshadow]

Если правильно понимаю то никак, opacity не может быть больше opacity родителя. Но можно родительскому div сделать rgba бэкграунд, чтобы был полу прозрачный фон.

Comments

[DonTraffic]

Как вариант

Answer 2

[Евгений Залецкий]

Завернуть его в ещё один контейнер.