html - 不透明度查询 - HTML, CSS & Bootstrap

Question

我已将 Bootstrap 卡的不透明度 设置为 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>