Как задать непрозрачность второму блоку?

Question

[svilkov87]

Привет всем!
Есть два divа - block и внутри него другой div -block2. Задавая свойство opacity для block, block2 тоже принимает это значение. А мне не нужна прозрачность block2. Как решить проблему?
Код.

Спасибо.

<div class="block">
   <div class="block2">    
   </div>
</div>

<code lang="css">
.block{
    background: #4E4E4E;
    width: 200px;
    height: 200px;
    opacity: 0.5;
    border: 1px solid #636363;
  }
.block2{
    background: red;
    width: 90px;
    height: 90px;
    outline: 1px solid #fff;
    margin: 50px;
}
</code>

Answer 1

[Виталий Инчин ☢]

Задайте полупрозрачный фон, если это возможно.
С помощью функции rgba или однопиксельной картинки.

.block{
    background: rgba(78, 78, 78, 0.5);
    width: 200px;
    height: 200px;
    border: 1px solid #636363;
  }

Comments

[svilkov87]

я идиот))