Запрос на непрозрачность - HTML, CSS & Bootstrap

Question

Я установил opacity карты начальной загрузки на 0,8.Я хочу, чтобы стол был непрозрачным, а другая часть карты прозрачной.Как этого добиться?Я попытался добавить стиль opacity : 1 к таблице, и он не работает.

Answer 1

Возможно, вы не сможете сделать содержимое полупрозрачного родительского элемента полностью непрозрачным.Вместо этого, в вашем случае, вы можете сделать фон родителя прозрачным и сохранить непрозрачность в порядке:

body {background: url("https://i.imgur.com/vifaloim.jpg"); margin: 25px;}
.parent {background: rgba(255,255,255,0.75); margin: 10px; border-radius: 10px; padding: 10px;}
.child {margin: 10px; background: #fff; border-radius: 10px; padding: 10px; min-height: 100px;}

<div class="parent">
  <div class="child"></div>
</div>