更改背景不透明度保留文本

Question

我想减少carousel-caption的不透明度，但文字也会变得不透明，任何想法如何克服这个？我正在使用bootstrap，并希望尽可能简单。是否有可能在不使用background-color: rgba(0, 0, 0, 0.2);？

之类的情况下实现这一目标

HTML：

<div class="carousel-caption">
   <h1 class="carousel-caption-header">Heading for random text</h1>
   <p class="carousel-caption-text"> 
   Random text random text random text random text random text random text
   </p>
</div>

CSS：

.carousel-caption {
    background-color: black;
    opacity: 0.2;
 }

Answer 1

然后按照您的指示使用background-color: rgba(0, 0, 0, 0.2)。 opacity不仅是背景不透明度。它也改变了文本的不透明度。 或者你可以使用

background-color:#00000033